What problem does it solve? When a product feature is confirmed final, teams lack a single inspectable delivery package for engineering, PM, QA, and design stakeholders. This Skill produces a Figma-like handoff package so every audience gets component usage, token consumption, UI flows, and per-screen specs without manual documentation work. ## Core Features & Use Cases - Deterministic Inventory Generation: Scans feature code to produce component usage tables, design token consumption reports, layout primitive counts, and an accessibility checklist using grep-based mechanical counting. - Mermaid UI Flow Diagrams: Auto-generates flowcharts from routes, click handlers, and navigation logic, including error paths and edge cases, renderable directly in Storybook. - Per-Screen Spec Sheets and Storybook Handoff Page: Creates a five-tab Features/{Feature}/Handoff Storybook page with overview, UI flow, inventory, screen previews, and detailed spec sheets covering states, interactions, a11y, and business rules. - Use Case: After a checkout feature passes audit and stakeholders confirm it is final, invoke the Skill to deliver a complete handoff package that engineering uses for implementation reference and QA uses for edge-case test planning. ## Quick Start Run /delivery-handoff for the checkout feature and generate the Storybook handoff package for the engineering team.
