菜单
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.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
| 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.
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.