react:components

You can convert Stitch screen exports into React components by running this skill against the Stitch screen URL, which generates modular Vite components using Atomic Design patterns and enforces Readonly TypeScript Props interfaces.

Standard web fetch tools often fail to download signed Google Cloud Storage URLs due to system-level unreliability. This skill overcomes this by using a dedicated Bash-based fetch script to perform high-reliability downloads of the HTML and screenshot assets.

Yes, the component generation skill enforces Readonly Props TypeScript interfaces and applies theme-mapped Tailwind classes. It also runs AST-based validation using @swc/core to ensure the generated Vite and React components are type-safe and production-ready.

Yes, you can use this skill to extract Tailwind configuration and design tokens from Stitch exports. It moves this extracted styling data into a local style guide and shifts static data into a mock data layer for your Vite and React project.

The best way to validate generated React components using AST is through the @swc/core dependency included in this skill. It performs AST-based validation on the generated Vite and React code to ensure structural correctness and type safety.