Stitch to React Components

NEVER

• NEVER fetch without checking .stitch/designs/ first — always ask user about refresh intent before re-downloading
• NEVER hardcode hex codes as Tailwind arbitrary values (bg-[#2563eb]) — extract to theme, use semantic classes
• NEVER skip AST validation — architecture checklist is non-optional before marking done
• NEVER put logic in component bodies — event handlers and state logic go in src/hooks/
• NEVER omit TypeScript interfaces — every component needs a Readonly Props type
• NEVER bundle data in component files — all static text, images, lists go in src/data/mockData.ts
• NEVER include Google license headers in generated React components
• NEVER use internal AI fetch tools for Google Cloud Storage URLs — they fail on GCS domains; use the bash script

Namespace Discovery

Run list_tools to find the Stitch MCP prefix (usually stitch: or mcp_stitch:). Use that prefix for all calls.