What problem does it solve? Building a new design-system component from scratch often means assembling scattered rules from documentation, which leads to missed conventions, wrong layout-family choices, and inconsistencies discovered only at review time. This Skill provides a create-phase workflow that applies all design-system discipline while the component is being built, not after. ## Core Features & Use Cases - Six-phase guided workflow: sibling spec reading, Layout Family classification, 7-dimension spec.md authoring, tsx implementation with cva and tokens, three story files, and a self quality-gate exit check. - Checkpoints and receipts: positioning receipts and conditional P2H decisions prevent ambiguous naming or scope from proceeding silently. - Automatic chaining: hands off to the component-quality-gate skill for a 35-item review and visual audit before merge. - Use Case: When you say "create a new StatusChip component", the workflow walks through reading sibling specs like Tag and Badge, declaring its Layout Family, writing the spec, implementing the tsx, and producing showcase, anatomy, and principles stories. ## Quick Start Ask the assistant to create a new design-system component, for example by saying "create a new StatusChip component", and it will walk through the six-phase workflow.
