Panel JumPHP w Claude Code

Gdy Claude pisze twoją grę, zobacz, co robi: panel obok rozmowy pokazuje uruchamiane testy, ekrany gry, które ogląda, i pozwala ci interweniować. To mod Claude Code, jumphp-live, dostarczany z JumPHP.

Instalacja

W Claude Code (w terminalu) wpisz:

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

Odpowiedz y, aby dodać źródło, a potem wybierz zakres („user”: dla wszystkich twoich projektów). Z powłoki: claude plugin install jumphp-live --marketplace davidnurdin/jumPhp.

Korzystanie

W twoim projekcie JumPHP (folderze zawierającym bin/jumphp) uruchom Claude Code i wpisz /jumphp <gra>, na przykład /jumphp pong. Panel otwiera się po prawej (potrzebne jest dość szerokie okno, 110 kolumn lub więcej). Otwiera się też sam przy pierwszym uruchomieniu przez Claude bin/jumphp test lub bin/jumphp shot.

Co pokazuje:

Sprawdzenia na żywo: gdy Claude uruchamia bin/jumphp test, wynik przewija się w panelu, a każdy etap jest odhaczany na bieżąco: ✔ php -l ✔ phpstan … phpunit smoke test. Na końcu: podsumowanie PHPUnit i to, co się nie powiodło (testy z błędami, ostrzeżenia i błędy PHP).
Ekran gry na żywo (● live): gdy bin/jumphp test (jego smoke test) lub bin/jumphp shot odgrywa grę, panel pokazuje jej ekran klatka po klatce (silnik nadpisuje var/live/frame.png, opcja JUMPHP_LIVE). Uruchomienia bez okna są szybsze niż czas rzeczywisty: JUMPHP_REALTIME=1 spowalnia je do tempa gry. Projekt utworzony przed tą opcją dostaje ją przez git pull jumphp main (oryginalne repozytorium JumPHP, przechowywane pod nazwą jumphp).
Testy gry na twoich oczach: testy, które grają w grę, wyświetlają się w trakcie działania (⏳, potem ✔ / ✘), z nazwą bieżącego testu nad ekranem live; potem kliknij test, aby zobaczyć jego ostatnią klatkę. Przycisk 🐢 Game speed / ⏩ Fast (r) wybiera prędkość: tempo gry (domyślnie, aby zobaczyć ruch paletki) albo jak najszybciej.
Ekrany: zrzut, który właśnie wykonało bin/jumphp shot lub siteshot, i każdy obraz, który Claude otwiera, aby obejrzeć grę, wyświetlone w panelu.
Obrazy w dowolnym terminalu: domyślnie są rysowane małymi kolorowymi blokami (▦ Blocks), które wyświetla każdy terminal z true color (GNOME Terminal, Konsole, Windows Terminal, VS Code…): silnik zapisuje w tym celu obok każdego PNG małą surową kopię (.rgb). W kitty, Ghostty lub iTerm2 panel wyświetla sam PNG (🖼 HD); klawisz p przełącza. Przycisk 🖼 Open (o) otwiera wyświetlany obraz w przeglądarce obrazów twojego pulpitu (xdg-open, open na macOS), w rzeczywistym rozmiarze.
Playground: wynik testów PHPUnit serwisu (run_tests, get_test_run) i publikacji (sync_project), gdy Claude korzysta z serwera MCP.

Co możesz zrobić:

▶ Tests (klawisz t) i 📸 Shot (s): uruchomić testy lub zrzut ekranu od razu, bez Claude; wynik przewija się w panelu.
🛠 Ask Claude to fix (f), po niepowodzeniu: Claude dostaje informację, co się nie powiodło, i naprawia.
Tell Claude: pole do napisania do niego („skacz wyżej”, „boss jest za trudny”); przeczyta to, gdy tylko skończy bieżący etap.

Jak śledzi Claude

Polecenie Bash Claude uruchamiające bin/jumphp test, shot, siteshot lub webshot jest wykonywane bez zmian, a jego wynik jest też kopiowany do pliku tymczasowego, który panel śledzi ({ export JUMPHP_LIVE=1; polecenie } 2>&1 | tee …, kod wyjścia zachowany). Pozostałych poleceń to nie dotyka. Nic nie jest wysyłane gdziekolwiek indziej.