What problem does it solve? Turning Stitch design exports into production React code by hand is slow and error-prone: signed download URLs fail on Google Cloud Storage, hex colors get hardcoded, and placeholder links break navigation. This Skill automates the full design-to-code pipeline with reliable fetching, theme mapping, and automated quality checks. ## Core Features & Use Cases - High-reliability retrieval: Downloads Stitch HTML and full-resolution screenshots via a curl-based script that handles redirects and TLS/SNI handshakes on Google Cloud Storage. - Atomic component generation: Scaffolds modular TypeScript components with Readonly props interfaces, custom hooks, and decoupled mock data, wired with React Router navigation. - AST-based validation: Runs an @swc/core check on every component to reject hardcoded hex values and missing Props interfaces, then audits against a 20-point architecture checklist. - Use Case: Ask the agent to convert a Landing Page screen from your Podcast Stitch project into a React component system, and it fetches the design, generates themed Tailwind components, and validates them automatically. ## Quick Start Convert my Landing Page screen in my Podcast Stitch Project to a React component system.
