panel-mockup

SVG panel design for VCV Rack involves creating vector graphics that define module layouts. This Skill generates production-ready SVG panels through a two-phase workflow: Phase A produces rapid-iteration design files (YAML and SVG), then Phase B scaffolds implementation artifacts (C++ boilerplate, parameter specs, and component mapping) once design is approved.

The two-phase workflow separates design from implementation. Phase A generates vN-panel.yaml and vN-panel.svg for quick iteration cycles without production overhead. Once approved, Phase B produces five production files including the final SVG, C++ scaffolding, and integration documentation.

Yes. After design approval in Phase B, this Skill generates [Module]-generated.cpp, parameter-spec.md, component-mapping.json, and an integration checklist alongside your finalized SVG, automating scaffolding that bridges panel design to implementation code.

Panel YAML provides structured panel definitions that complement Inkscape SVG workflows. This Skill generates panel YAML files during Phase A iteration, creating a machine-readable spec that captures your design intent and feeds into Phase B production scaffolding.

All panel artifacts—both iteration and production files—are organized under modules/[ModuleName]/.ideas/panels/, keeping design assets, generated code, and implementation checklists co-located for streamlined module development.

Yes. Phase A generates lightweight design iterations for feedback. Phase B production scaffolding (C++, specs, checklists) only runs after design approval, preventing wasted code generation on unapproved layouts.