What problem does it solve? Shipping a single new design system component end to end requires coordinating Figma component construction, token synchronization, and code/story generation across multiple skills, which is error-prone when done ad hoc. This Skill sequences that entire flow with human confirmation gates between stages so nothing half-built moves forward. ## Core Features & Use Cases - Three-stage orchestration: Invokes component-builder to construct the Figma component, token-sync-layer to sync any new tokens as a reviewable PR, and storybook-chromatic-builder to produce the code component and its stories. - Human confirmation gates: Pauses for explicit approval between every stage, so a failure at any point leaves a clean, resumable state. - Resumability: Each completed stage (Figma component, token PR, code/stories) stands on its own, letting users stop and resume later via the manifest. - Use Case: A designer wants to add a Tooltip to an existing design system. This Skill builds it in Figma, syncs its new tokens to code, then generates the code component and Storybook stories, checking in with the user at each step. ## Quick Start Ask the agent to run the new-component pipeline to take a Tooltip from Figma all the way to tested code and stories.
