design-to-code-check
FeaturedCompares a component or screen's design spec with its code and logs each gap as a build error or spec gap. Use it whenever someone asks if something matches its design or spec, even one component with the spec pasted in. System-wide drift: drift-detection.
Install
Quality Score: 90/100
Skill Content
Details
- Author
- murphytrueman
- Repository
- murphytrueman/design-system-ops
- Created
- 6 months ago
- Last Updated
- 2 days ago
- Language
- Python
- License
- MIT
Bundled in these plugins
Similar Skills
Semantically similar based on skill content — not just same category
drift-detection
System-wide sweep for divergence: local re-implementations, token overrides, forked patterns, classified by cause. Triggers: find drift, where are teams going off-system, what's out of sync. Not for one component vs its spec (design-to-code-check).
design-review
Run a structured design critique against the design file and codebase. Checks visual hierarchy, consistency, responsiveness, accessibility, and aesthetic fidelity. Findings are printed with `DR-n` ids; nothing is written to the repo. Use when user wants a design review, critique, QA pass, polish pass, or mentions "review" after building.
design-review
Review a plan or spec before any code exists. Use when a design doc is ready, before implementation starts, or when asked whether an approach is sound. Catches what code review cannot fix later — one-way doors, migration order, rollback, and what the plan omitted. Read-only.