メニュー
Launch and inspect the flagship visualizer in a real browser. Use when reproducing runtime behavior manually, checking audio-reactive playback, or capturing visual evidence from the canonical workspace route.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Auto-guardrail for agent-authored changes. Use at the start of any coding session to prevent the most common agent mistakes in this repo.
Iterate on visualizer UI, workspace chrome, and CSS with fast feedback loops. Use when changing frontend components, styling, layout, or animation without needing the full MilkDrop runtime.
Modify the flagship visualizer runtime safely. Use when changing the shared runtime, loader, renderer, shell, controls, audio flows, capability checks, or canonical-route behavior.
Review changes to module loading, bootstrap, toy manifest, library resolution, or gamepad polling. Use when a PR touches src/js/bootstrap/, src/js/loader.ts, src/js/router.ts, src/js/toy-view.ts, src/data/toys.json, or gamepad polling code.
Review changes to renderer capability probing, fallback chains, timeout logic, or audio worklet initialization. Use when a PR touches src/js/core/renderer-*, src/js/core/audio-handler.ts, or src/js/milkdrop/runtime/backend-fallback.ts.
Review changes to WebGPU/WebGL dual-backend parity. Use when a PR touches feedback managers, renderer adapters, shader lowering, or any code that affects both WebGPU and WebGL rendering paths.
| name | play-visualizer |
| description | Launch and inspect the flagship visualizer in a real browser. Use when reproducing runtime behavior manually, checking audio-reactive playback, or capturing visual evidence from the canonical workspace route. |
Use this skill for real-browser verification of the main visualizer product.
For scripted smoke coverage:
bun run play:toy milkdrop
Start the dev server:
bun run dev
Open:
http://localhost:5173/?agent=true
test-visualizer or ship-visualizer-change.