stitch::generate-design

$npx mdskill add google-labs-code/stitch-skills/stitch::generate-design

Generate design screens from text, images, or mockups using Stitch MCP.

  • Creates UI screens from descriptions, images, or existing mockups.
  • Integrates with Stitch MCP, Bash, Read, Write, and web_fetch.
  • Enhances prompts by checking projects and design systems before execution.
  • Delivers generated screens with applied design tokens and theme systems.

SKILL.md

.github/skills/stitch::generate-designView 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>-