메뉴
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 페이지를 검토하고 설치를 진행할 수 있습니다.
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 | 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.