Claude Code için JumPHP paneli

Claude oyununuzu yazarken ne yaptığını görün: konuşmanın yanındaki bir panel çalışan testleri, baktığı oyun ekranlarını gösterir ve müdahale etmenizi sağlar. Bu, JumPHP ile birlikte gelen, Claude Code'un bir mod'udur: jumphp-live.

Kurulum

Claude Code'da (bir terminalde) şunu yazın:

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

Kaynağı eklemek için y yanıtını verin, ardından kapsamı seçin (“user”: tüm projeleriniz için). Bir kabuktan: claude plugin install jumphp-live --marketplace davidnurdin/jumPhp.

Kullanımı

JumPHP projenizde (bin/jumphp içeren klasör) Claude Code'u başlatın ve /jumphp <oyun> yazın, örneğin /jumphp pong. Panel sağda açılır (yeterince geniş bir pencere gerekir, 110 sütun ya da daha fazla). Claude ilk kez bin/jumphp test ya da bin/jumphp shot çalıştırdığında da kendiliğinden açılır.

Gösterdikleri:

Canlı kontroller: Claude bin/jumphp test çalıştırdığında çıktı panelde akar ve her adım ilerledikçe işaretlenir: ✔ php -l ✔ phpstan … phpunit smoke test. Sonunda: PHPUnit özeti ve başarısız olanlar (başarısız testler, PHP uyarıları ve hataları).
Canlı oyun ekranı (● live): bin/jumphp test (smoke testi) ya da bin/jumphp shot oyunu çalıştırırken panel, oyunun ekranını kare kare gösterir (motor var/live/frame.png dosyasını yeniden yazar, JUMPHP_LIVE seçeneği). Penceresiz çalıştırmalar gerçek zamandan hızlıdır: JUMPHP_REALTIME=1 onları oyunun hızına yavaşlatır. Bu seçenekten önce oluşturulmuş bir proje, onu git pull jumphp main ile alır (asıl JumPHP deposu, jumphp adıyla saklanır).
Gözünüzün önünde oyun testleri: oyunu oynayan testler çalışırken görüntülenir (⏳, ardından ✔ / ✘), canlı ekranın üstünde çalışan testin adıyla; sonra bir teste tıklayıp son karesini görün. 🐢 Game speed / ⏩ Fast düğmesi (r) hızı seçer: oyunun hızı (varsayılan, raketin hareketini görmek için) ya da olabildiğince hızlı.
Ekranlar: bin/jumphp shot ya da siteshot komutunun az önce çektiği görüntü ve Claude'un oyuna bakmak için açtığı her görsel, panelde gösterilir.
Her terminalde görseller: varsayılan olarak küçük renkli bloklarla çizilirler (▦ Blocks); gerçek renkli her terminal bunu gösterir (GNOME Terminal, Konsole, Windows Terminal, VS Code…): motor bunun için her PNG'nin yanına küçük bir ham kopya (.rgb) yazar. kitty, Ghostty ya da iTerm2'de panel PNG'nin kendisini gösterir (🖼 HD); p tuşu geçiş yapar. 🖼 Open düğmesi (o), gösterilen görseli masaüstünüzün görüntüleyicisinde (xdg-open, macOS'ta open) gerçek boyutta açar.
Playground: Claude MCP sunucusunu kullandığında sitenin PHPUnit testlerinin (run_tests, get_test_run) ve yayınlamaların (sync_project) sonucu.

Yapabilecekleriniz:

▶ Tests (t tuşu) ve 📸 Shot (s): Claude olmadan testleri ya da bir ekran görüntüsünü hemen çalıştırmak; çıktı panelde akar.
🛠 Ask Claude to fix (f), bir başarısızlıktan sonra: Claude neyin başarısız olduğunu alır ve düzeltir.
Tell Claude: ona yazmak için bir alan (“daha yükseğe zıpla”, “boss çok zor”); o, içinde olduğu adımı bitirir bitirmez okur.

Claude'u nasıl izler

Claude'un bin/jumphp test, shot, siteshot ya da webshot çalıştıran bir Bash komutu olduğu gibi çalıştırılır, çıktısı ayrıca panelin izlediği geçici bir dosyaya kopyalanır ({ export JUMPHP_LIVE=1; komut } 2>&1 | tee …, çıkış kodu korunur). Diğer komutlara dokunulmaz. Hiçbir şey başka yere gönderilmez.