What problem does it solve? Vague requests like "make it feel like this" or a folder of screenshots give no reusable direction, so every prototype or redesign starts from guesswork. This Skill turns references, URLs, and product notes into an explicit, reusable design contract before any artifact is generated. ## Core Features & Use Cases - Reference decomposition: Splits every reference into Keep, Change, and Do-not-copy boundaries so style is borrowed without cloning brands, layouts, or proprietary UI. - Standardized DESIGN.md output: Generates a nine-section design system document covering visual theme, color, typography, spacing, layout, components, motion, voice, and anti-patterns. - Implementation handoff: Produces a concise handoff file with token, palette, type, and responsive constraints that a coding agent or artifact skill can execute directly. - Use Case: Before redesigning a developer-notes app, feed in three product screenshots and a short brief; receive DESIGN.md, a decision record with evidence confidence levels, and a build-ready handoff. ## Quick Start Create a reference design contract for my app using these screenshots and notes, and produce DESIGN.md plus an implementation handoff.
