What problem does it solve? Teams building interfaces often lack a coherent design system, consistent tokens, or a structured way to audit existing screens. This Skill guides an AI through a listening-first consultation that either co-designs a project-specific design system, generates compact do/don't rules for a surface, or reviews an existing UI with prioritized fixes. ## Core Features & Use Cases - Design mode: Scans the project's tokens and components, classifies its maturity stage, interviews the user, and outputs a design-spec.md validated against a business mockup HTML. - Guide mode: Emits compact do/don't rule lists for surfaces like dashboards, forms, settings, and marketing pages based on ten style-independent UX hard rules. - Review mode: Audits an existing screen and lists findings as P0/P1/P2 with evidence, diagnoses grounded in design psychology, and implementable fixes. - Use Case: A developer starting a new Next.js + Tailwind app invokes the skill, picks a style family and tokens through a visual preview, reviews a mockup of their actual product page, and receives a complete design-spec.md for the team. ## Quick Start Ask the AI to run a design consultation for your project, for example: help me define a design system for my dashboard app and produce a design spec.
