stitch::react-components

$npx mdskill add google-labs-code/stitch-skills/stitch::react-components

Transform Stitch designs into React components using automated tools

  • Identify and download all screens from Stitch MCP namespace.
  • Retrieve design metadata for each screen via API call.
  • Automatically sync or update existing React components based on design changes.
  • Ensure code quality through automated validation and linting.

SKILL.md

.github/skills/stitch::react-componentsView on GitHub ↗

No skill content available yet.

More from google-labs-code/stitch-skills

SkillDescription
design-mdAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md files
enhance-promptTransforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.
react-vite-dashboardConvert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).
remotionGenerate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
shadcn-uiExpert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.
site-mdAnalyze a project description or site requirements and synthesize a project constitution into SITE.md for the Stitch Build Loop
stitch-loopTeaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern
stitch::code-to-design>-
stitch::extract-design-md>-
stitch::extract-static-html>-