Bevor Sie beginnen

Diese Anleitung verwendet das Twitter-Beispiel twitter-starter, um ein Feature zu erstellen: das Teilen eines riesigen Emojis mit Text darunter. Du beschreibst dem Agenten direkt, was du möchtest, verfolgst seine Arbeit und prüfst das fertige Ergebnis. Denselben Workflow kannst du für ein weiteres Feature oder einen Fehler verwenden, den du beheben möchtest.

Installiere Panolayer, melde dich an und öffne das Beispiel Twitter Clone. Siehe Panolayer installieren und einrichten, falls du noch kein Repository geöffnet hast.
Verwende Panolayer Agent, der integriert ist. Du kannst auch jeden anderen unterstützten Agenten verwenden, den du vor der Verwendung installieren musst. Siehe Unterstützte Agenten für die Einrichtung.

Am Ende steht eine geprüfte Änderung, die in deiner lokalen Git-Historie aufgezeichnet ist. Das Pushen zu einem Remote ist ein separater Schritt.

Panolayer Agent starten

Öffne Meine Agenten in der Seitenleiste.
Klicke neben Agenten überwachen auf die Schaltfläche +, um das Agentenmenü zu öffnen.
Wähle für diesen Walkthrough Panolayer Agent aus.

Das Menü enthält Panolayer Agent und die von dir installierten Agenten. Du kannst einen beliebigen davon auswählen, um einen Fehler zu beheben oder Code zu erstellen.

Twitter-Beispielseite „Meine Agenten“ mit der Plus-Schaltfläche neben „Agenten überwachen“ und geöffnetem Menü, das Panolayer Agent und installierte Coding-Agenten zeigt. — Klicke neben „Agenten überwachen“ auf + und wähle dann Panolayer Agent oder einen anderen von dir installierten Agenten.

Panolayer Agent funktioniert wie die Coding-Agenten, die du bereits verwendest. Bitte ihn, ein Feature zu erstellen, einen Fehler zu beheben oder eine Frage zu deinem Code zu beantworten. Gib deine Anfrage in Chatte mit deiner Codebasis oder baue etwas… ein und setze das Gespräch fort, während du arbeitest.

Du startest mit einem Issue? Wähle in Issues Beheben und dann Panolayer Agent aus. Panolayer übernimmt den Kontext des Issues in die Aufgabe. Folge für diesen Weg dem Walkthrough zum ersten Fehler.

Geben Sie ihm eine Aufgabe mit einem klaren Ergebnis

Beschreiben Sie, was nicht stimmt oder was Sie bauen möchten, was passieren soll, wenn es funktioniert, und alles, was der Agent beibehalten soll. Nennen Sie eine Datei oder Funktion, wenn Sie sie kennen.

Verwenden Sie für das Twitter-Beispiel dieselbe Anfrage wie im Screenshot:

add a new feature where you can share a giant emoji with text underneath

Geben Sie Ihre Anfrage in das Nachrichtenfeld ein und klicken Sie dann auf den Senden-Pfeil.

Panolayer Agent im Twitter-Beispiel mit der im Nachrichtenfeld eingegebenen Anfrage, ein riesiges Emoji mit Text darunter hinzuzufügen, bereit zum Senden. — Beschreiben Sie das Feature, das Sie bauen möchten. Diese Anfrage verlangt ein riesiges Emoji mit Text darunter.

Panolayer Agent kann die Code-Map verwenden, um während der Arbeit die relevanten Funktionen und Beziehungen zu finden. Sie können sich auf das Verhalten beziehen, das Ihnen wichtig ist, auch wenn Sie nicht jeden Dateinamen kennen.

Wenn der Agent eine Frage stellt, beantworten Sie sie in derselben Unterhaltung. Wenn Sie die Aufgabe eingrenzen müssen, nennen Sie das konkrete Ergebnis, das Sie möchten.

Die Arbeit verfolgen, ohne Ihren Arbeitsbereich aufzugeben

Wenn Panolayer Agent einen Coding-Lauf startet, erscheint sein Fortschritt in der Unterhaltung. Die Codearbeit findet in einem isolierten Git-Worktree statt: einem separaten Checkout, in dem der Agent den Code bearbeiten und testen kann, während Ihr Hauptarbeitsbereich verfügbar bleibt.

Die Aufgabe in der Unterhaltung verfolgen

Die Laufkarte zeigt die Aufgabe und ihre aktuelle Aktivität, während der Agent die Riesen-Emoji-Funktion erstellt. Sie können den Fortschritt verfolgen und die Dateien und Befehle sehen, die er während der Arbeit verwendet.

Den Lauf für weitere Details öffnen

Wählen Sie Öffnen auf der rechten Seite der Karte, um die Aktivität des Laufs anzuzeigen. Wählen Sie in Stream eine Aktivität aus, um den Befehl und seine Ausgabe im rechten Bereich zu prüfen. Verwenden Sie Zurück zum Agenten, um zur Unterhaltung zurückzukehren.

Lauf „Riesen-Emoji mit Beschriftung hinzufügen“ in Stream geöffnet, mit Live-Aktivität und einem ausgewählten Befehl samt Ausgabe im rechten Bereich. — Öffnen zeigt die Aufgabe „Riesen-Emoji mit Beschriftung hinzufügen“ in Bearbeitung. Durch Auswählen eines Eintrags können Sie prüfen, was ausgeführt wurde und was zurückgegeben wurde.

Erkennen, wann der Lauf abgeschlossen ist

Wenn die Arbeit abgeschlossen ist, wird die Karte auf Subagent-Lauf abgeschlossen aktualisiert. Das Fertig-Banner fasst die Prüfungen und die Anzahl der geänderten Dateien zusammen. Sie können weiterhin Öffnen wählen, um den abgeschlossenen Lauf zu prüfen.

Unterhaltung mit Panolayer Agent, die die Riesen-Emoji-Aufgabe als Subagent-Lauf abgeschlossen zeigt, mit einem Fertig-Banner, bestandenen Prüfungen, 16 geänderten Dateien und einer Schaltfläche „Öffnen“. — Die abgeschlossene Riesen-Emoji-Aufgabe erscheint in der Unterhaltung, mit ihrem Ergebnis und den Nachweisen zu geänderten Dateien zur Prüfung.

Sie können weiterarbeiten und später zum Lauf zurückkehren. Verwenden Sie Agenten überwachen für eine Übersicht, wenn mehr als ein Agent arbeitet. Mehrere Agenten können im selben Repository in separaten Worktrees arbeiten; prüfen Sie, wie ihre Änderungen zusammenpassen, bevor Sie sie zusammenführen.

Binden Sie eine Nachfrage an die zugehörige Aufgabe. Verwenden Sie die in Ihrer Unterhaltung angezeigte Laufreferenz, wenn Sie eine Nachfrage senden, damit klar ist, welche Aufgabe Sie meinen.

Das Verifikationsergebnis prüfen

Prüfe den geänderten Code zusammen mit dem Verifikationsergebnis, bevor du mergst. Siehe Änderungen prüfen und Commit erstellen für die vollständige Anleitung zum Prüfen der Änderungen, die ein Agent vorgenommen hat.

Wenn der Agent einen Merge anfordert, lies die Verifikationszusammenfassung: Bestandene Regeln, Verifikationsläufe und Geänderte Dateien. Prüfe neue Fehler getrennt von bereits vorhandenen Problemen.

Panolayer Agent-Dialog „Bereit zum Merge“ für die Giant-Emoji-Funktion, mit 110 von 121 bestandenen Regeln, einem Verifikationslauf, 16 geänderten Dateien und der erweiterten Details-Zusammenfassung. — Die Giant-Emoji-Funktion ist fertig und wartet auf deine Freigabe zum Merge. Details erklärt, was sich geändert hat und wie der Agent es geprüft hat.

In diesem Lauf zeigt die Zusammenfassung 110 von 121 Regeln bestanden, 1 Verifikationslauf und 16 geänderte Dateien. Sie weist 11 bereits vorhandene Fehler separat aus und meldet keine neuen Fehler, Warnungen oder ungeprüften Regeln. Die Summen hängen von deiner Aufgabe ab.

Öffne Details, um das Ergebnis weiter zu untersuchen. Siehe Ein Verifikationsergebnis verstehen für die Zusammenfassungsfelder und Status.

Prüfe das Verhalten in der laufenden App, wenn die Aufgabe es erfordert. Erstelle in diesem Beispiel einen Beitrag mit einem riesigen Emoji und Text darunter und prüfe dann, ob normale Textbeiträge weiterhin wie erwartet funktionieren.

Merge when you’re ready

You decide what moves from the agent’s worktree into your branch. Choose Not now to keep reviewing. Once you’re satisfied with the changes and results, confirm the target branch and choose Merge into main for the Twitter sample.

The Merged into main confirmation shows a commit ID. This workflow records the change in local Git history, so you don’t need to commit that same change again.

Open Changes and find the commit in History. Check for unexpected uncommitted edits. If your repository has a remote and you want to share the commit, use Git → Push.

You’ve given an agent a task, followed its work, reviewed the result, and decided what reaches your branch.