Menu
Run the end-to-end flow for a visualizer change. Use when a product-facing runtime or preset update spans implementation, docs sync, validation, and PR-ready completion.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
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 | ship-visualizer-change |
| description | Run the end-to-end flow for a visualizer change. Use when a product-facing runtime or preset update spans implementation, docs sync, validation, and PR-ready completion. |
Use this skill when the task is broader than a narrow edit and should be carried through to PR-ready completion.
Read the docs that match the changed surface:
docs/DEVELOPMENT.mddocs/ARCHITECTURE.mddocs/MILKDROP_PRESET_RUNTIME.mddocs/PAGE_SPECIFICATIONS.mddocs/agents/visualizer-workflows.mdUse targeted checks first, then the repo gate:
bun run check
Add browser verification when runtime, preset, or shell behavior changed:
bun run dev
Then inspect http://localhost:5173/?agent=true.