react:components

To convert Stitch designs into React components, provide a Stitch design prompt to generate a modular component suite through a structured pipeline that maps design data to a local style guide and scaffolds components using Atomic Design patterns.

Yes, React component generation enforces type safety through AST-based validation to prevent hard-coded styling and invalid props, requiring TypeScript interfaces named [ComponentName]Props to ensure strict type correctness across desktop viewports.

AST-based validation checks generated React components by parsing the abstract syntax tree to enforce type safety, verify style correctness against your local style guide, and prevent hard-coded styling or invalid props during the component scaffolding process.

Yes, you can scaffold React components following Atomic Design patterns. The skill transforms Stitch design data into modular components, structuring your project hierarchy into atoms, molecules, and organisms through a deterministic, tool-driven pipeline.

Yes, @swc/core is a required dependency to generate React components from Stitch. The skill relies on this compiler infrastructure to support its deterministic, tool-driven pipeline for transforming design data into validated TypeScript React components.

The required file structure for generated React components includes YAML frontmatter with a name and description, TypeScript interfaces named [ComponentName]Props, and a modular project layout organized with dedicated scripts and resources directories.