Mit GitHub anmelden
DE

Das JumPHP-Panel für Claude Code

Während Claude dein Spiel schreibt, siehst du, was er tut: Ein Panel neben der Unterhaltung zeigt die laufenden Tests, die Spielbildschirme, die er sich ansieht, und lässt dich eingreifen. Es ist ein Mod für Claude Code, jumphp-live, ausgeliefert mit JumPHP.

Installieren

Tippe in Claude Code (in einem Terminal):

/plugin install jumphp-live --marketplace davidnurdin/jumPhp

Antworte mit y, um die Quelle hinzuzufügen, und wähle dann den Geltungsbereich („user“: für alle deine Projekte). Aus einer Shell: claude plugin install jumphp-live --marketplace davidnurdin/jumPhp.

Benutzen

Starte in deinem JumPHP-Projekt (dem Ordner, der bin/jumphp enthält) Claude Code und tippe /jumphp <Spiel>, zum Beispiel /jumphp pong. Das Panel öffnet sich rechts (das Fenster muss breit genug sein, 110 Spalten oder mehr). Es öffnet sich auch von selbst, wenn Claude zum ersten Mal bin/jumphp test oder bin/jumphp shot startet.

Was es zeigt:

  • Die Prüfungen live: Wenn Claude bin/jumphp test startet, läuft die Ausgabe im Panel durch, und jeder Schritt wird nach und nach abgehakt: ✔ php -l ✔ phpstan … phpunit smoke test. Am Ende: die PHPUnit-Zusammenfassung und was fehlgeschlagen ist (die fehlgeschlagenen Tests, die PHP-Warnungen und -Fehler).
  • Der Spielbildschirm live (● live): Während bin/jumphp test (sein Smoke-Test) oder bin/jumphp shot das Spiel laufen lässt, zeigt das Panel seinen Bildschirm Frame für Frame (die Engine überschreibt var/live/frame.png, Option JUMPHP_LIVE). Läufe ohne Fenster sind schneller als die Echtzeit: JUMPHP_REALTIME=1 bremst sie auf die Geschwindigkeit des Spiels. Ein Projekt, das vor dieser Option angelegt wurde, holt sie sich mit git pull jumphp main (das ursprüngliche JumPHP-Repository, das unter dem Namen jumphp gespeichert ist).
  • Die Spieltests vor deinen Augen: Die Tests, die das Spiel spielen, werden angezeigt, während sie laufen (⏳, dann ✔ / ✘), mit dem Namen des aktuellen Tests über dem Live-Bildschirm; klicke danach auf einen Test, um sein letztes Bild zu sehen. Die Schaltfläche 🐢 Game speed / ⏩ Fast (r) wählt die Geschwindigkeit: die des Spiels (Standard, um den Schläger sich bewegen zu sehen) oder so schnell wie möglich.
  • Die Bildschirme: der Screenshot, den bin/jumphp shot oder siteshot gerade gemacht hat, und jedes Bild, das Claude öffnet, um sich das Spiel anzusehen, im Panel angezeigt.
  • Die Bilder in jedem Terminal: Standardmäßig werden sie in kleinen Farbblöcken gezeichnet (▦ Blocks), die jedes Terminal mit True Color darstellt (GNOME Terminal, Konsole, Windows Terminal, VS Code …): Die Engine schreibt dafür neben jedes PNG eine kleine Rohkopie (.rgb). In kitty, Ghostty oder iTerm2 zeigt das Panel das PNG selbst (🖼 HD); die Taste p schaltet um. Die Schaltfläche 🖼 Open (o) öffnet das angezeigte Bild im Bildbetrachter deines Desktops (xdg-open, open auf macOS), in Originalgröße.
  • Der Playground: das Ergebnis der PHPUnit-Tests der Website (run_tests, get_test_run) und der Veröffentlichungen (sync_project), wenn Claude den MCP-Server nutzt.

Was du tun kannst:

  • ▶ Tests (Taste t) und 📸 Shot (s): die Tests oder einen Screenshot sofort starten, ohne Claude; die Ausgabe läuft im Panel durch.
  • 🛠 Ask Claude to fix (f), nach einem Fehlschlag: Claude bekommt, was fehlgeschlagen ist, und korrigiert es.
  • Tell Claude: ein Feld, um ihm zu schreiben („spring höher“, „der Boss ist zu schwer“); er liest es, sobald er den aktuellen Schritt beendet hat.

Wie es Claude folgt

Ein Bash-Befehl von Claude, der bin/jumphp test, shot, siteshot oder webshot startet, wird unverändert ausgeführt, seine Ausgabe wird zusätzlich in eine temporäre Datei kopiert, der das Panel folgt ({ export JUMPHP_LIVE=1; Befehl } 2>&1 | tee …, der Exit-Code bleibt erhalten). Andere Befehle werden nicht angefasst. Nichts wird anderswohin gesendet.