Menu
Modify the visualizer's preset workflows. Use when changing bundled presets, preset catalog behavior, live editing, import/export, compatibility/parity, or preset metadata and fixtures.
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 | modify-preset-workflow |
| description | Modify the visualizer's preset workflows. Use when changing bundled presets, preset catalog behavior, live editing, import/export, compatibility/parity, or preset metadata and fixtures. |
Use this skill when the request is primarily about preset content or the systems that load, edit, browse, import, export, or validate presets.
docs/DEVELOPMENT.mddocs/MILKDROP_PRESET_RUNTIME.mddocs/ARCHITECTURE.mddocs/PAGE_SPECIFICATIONS.md when the preset browser or editor UI changesPrefer changing shared preset infrastructure over treating individual presets as isolated product surfaces.
Use targeted specs while iterating:
bun run test tests/path/to/spec.test.ts
Use compatibility or integration coverage when preset parsing, runtime support, or browser behavior changed:
bun run test:integration
bun run test:compat
Before sign-off:
bun run check
If the request affects preset browsing, editing, import/export, or playback transitions:
bun run dev
Open:
http://localhost:5173/?agent=true
Confirm preset selection, playback, editor feedback, and any changed import/export flow behave as intended.