design-sync

Validate panel designs against creative briefs to detect drift.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/davidorex/vcv-rack-module-creation-framework --skill design-sync
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-sync
Source: https://github.com/davidorex/vcv-rack-module-creation-framework/tree/main/.claude/skills/design-sync
Command: npx skills add https://github.com/davidorex/vcv-rack-module-creation-framework --skill design-sync

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure the final panel design faithfully reflects the original creative brief, preventing drift before GUI implementation begins.

Core Features & Use Cases

  • Brief ↔ Panel Validation: Compares creative-brief.md, parameter-spec.md, and vN-panel.yaml to detect drift.
  • Drift Classification: Quantifies drift levels and suggests actions (adjust brief, update panel, or refine scope).
  • Guided Decision Making: Presents a menu of corrective actions for Stage 5 planning and Stage 1 pre-checks.

Quick Start

Use the design-sync skill to validate a module's panel against its creative brief: /sync-design [ModuleName]

Frequently Asked Questions about design-sync

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I detect design drift between my creative brief and panel design?

Design drift detection compares your creative-brief.md, parameter-spec.md, and panel YAML to identify misalignments. The Skill applies quantitative checks on parameter counts and HP width, plus semantic validation against feature coverage, then categorizes drift severity and recommends corrective actions.

What files do I need to validate my panel design against the creative brief?

Validation requires three inputs: a finalized creative-brief.md defining the original scope, a parameter-spec.md generated from your panel configuration, and a vN-panel.yaml file representing the current design. All three must be present to run drift detection.

When should I check for design drift in my workflow?

Run design validation during Stage 5 planning and Stage 1 pre-checks, before GUI implementation begins. This catches inconsistencies early when corrective actions—adjusting the brief, updating the panel, or refining scope—are still practical.

What happens if my panel design exceeds the creative brief's thresholds?

The Skill produces a pass/fail decision with explicit thresholds for parameter counts, HP width, and feature coverage. If thresholds are exceeded, drift is categorized by severity level, and you receive recommended actions to realign the panel or adjust the brief.

Can I use design validation for panels still in early iteration?

No. The Skill requires a finalized panel with parameter-spec.md already generated. Use it after your panel configuration is complete but before GUI implementation to validate consistency with the creative brief.

What's the difference between adjusting the brief and updating the panel when drift is detected?

The Skill presents a menu of corrective actions. Adjust the brief if scope assumptions changed; update the panel if implementation diverged from intent. The Skill's categorization and severity assessment help guide which action fits your situation.