What problem does it solve?
Converts verbose Stitch design exports into production-ready, modular React components styled with Tailwind and using shadcn/ui, eliminating manual translation of large HTML design artifacts into maintainable UI code.
Core Features & Use Cases
- Reliable Stitch retrieval: Enforces system-level download of Stitch HTML to disk and parsing for accurate DOM, tokens, and assets.
- Design-to-code workflow: Breaks screens into atomic components, extracts design tokens to src/globals.css, and generates mock data in src/data/mockData.ts.
- Quality and validation: Provides AST-based validation, architecture checklists, and a code-quality guide to ensure type safety, accessibility, and consistent theming.
- Use Case: Given a Stitch screen download URL, produce a suite of shadcn/ui + Tailwind components wired into the app with hooks, mock data, and validation scripts.
Quick Start
Convert the Stitch HTML download URL into modular shadcn/ui React components with Tailwind styling, extract design tokens into src/globals.css, create src/data/mockData.ts, and run the provided validation script.