amvcp-wf-fidelity

What problem does it solve?

This Skill solves inconsistent wireframe quality by providing a fidelity-locked grayscale-to-hi-fi desaturation engine that keeps lightness correct across light and dark themes.

Core Features & Use Cases

• Fidelity stages: Switch between wireframe, low, mid, and hi to match audience and review phase.
• Theme-correct desaturation: Preserves lightness so wireframes stay properly light-grey in light mode and dark-grey in dark mode.
• Fidelity RAMP & SLIDER: Render the same screen side-by-side across all four stages or let reviewers drag a slider to choose fidelity.
• Radius-zero contract at wireframe: Forces border-radius: 0 at wireframe (with an explicit .wf-avatar exception) to keep the wireframe-to-build mapping consistent.
• Validation & fail-fast: Rejects invalid data-wf-fidelity values to prevent silent visual mismatches.
• Selection-ready wireframe blocks: Ensures every kit block is addressable as a data-ve-id atom for review and decision flows.

Quick Start

Set data-wf-fidelity on your .wf-root to one of wireframe/low/mid/hi, ensure your kit uses var(--vc-color-*) tokens, and verify in both light and dark themes with screenshots.