Convert Stitch HTML/CSS/JS designs into Vite and React components.
npx skills add https://github.com/ceslep/inasistig --skill react-components-ceslep
Please help me install this Agent Skill. Skill: react:components Source: https://github.com/ceslep/inasistig/tree/main/.claude/skills/react-components Command: npx skills add https://github.com/ceslep/inasistig --skill react-components-ceslep
Converts complex and often non-standard designs into modular, maintainable React components, simplifying frontend development workflows.
Transform the 'example-page-design.html' design from Stitch into React components.
High-intent search queries and answers about installing and using this skill.
Converting Stitch designs into React components involves transforming complex HTML/CSS/JS design JSONs into modular Vite and React components. The automated process uses AST-based validation to ensure structural accuracy and reusability.
Automated design to code conversion translates non-standard design JSONs into maintainable React components. It uses system-level networking and AST-based validation to ensure the generated components are modular and structurally sound.
Yes, Node is required as a dependency to run the scripts, and the output components are structured for Vite and React. You also need the stitch-mcp and bash dependencies to facilitate system-level networking and script execution.
AST-based validation parses generated React component code into an Abstract Syntax Tree to verify structural integrity and syntax correctness. This mechanism ensures the converted Stitch designs produce valid, modular frontend code without manual checks.
Yes, the conversion process specifically handles complex, non-standard HTML/CSS/JS Stitch designs. It transforms these irregular structures into modular, maintainable React components, accommodating various design patterns without strict standardization.
Limitations include strict dependencies on stitch-mcp, Node, and bash for execution. Additionally, while it handles non-standard designs, highly complex or unconventional HTML/CSS/JS structures may require manual adjustments after the automated React component generation.
flybirdxxConvert design JSONs into React components with AST-based validation.
jgsqwareAutomate React web artifact creation and bundling with Vite and Parcel.
lildibbbConvert Stitch design JSON into React components with AST-based validation.
RenyEnnosConvert Stitch designs into modular React components with AST validation.
