SkillsAdd

smithery.ai

stitch

Google Stitch UI design tool. Generate screens from text prompts, convert designs to React components, create DESIGN.md design systems. Use when: designing UI, generating screens, converting Stitch to code, creating design tokens. Keywords: stitch, design, UI, screen, generate, react, components, DESIGN.md, wireframe, prototype, mockup.

First seen Mar 20, 2026

Installation

$ npx skills add https://smithery.ai
View on skills.sh ↗ Website ↗

Summary

  • Google Stitch UI design tool.
  • Generate screens from text prompts, convert designs to React components, create DESIGN.md design systems.
  • Use when: designing UI, generating screens, converting Stitch to code, creating design tokens.
  • Keywords: stitch, design, UI, screen, generate, react, components, DESIGN.md, wireframe, prototype, mockup.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills 326.5K installs
vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
stitch-loop Similar name
google-labs-code/stitch-skills 53.6K installs
stitch-design Similar name
google-labs-code/stitch-skills 25.5K installs

Also in this package

Other skills from smithery.ai · top by installs.

npx skills add https://smithery.ai
smithery-ai-cli 7.8K frontend-design 6.2K skill-creator 2.5K ck:ui-ux-pro-max 1.3K pdf 1.2K xlsx 966 pptx 894 docx 884 webapp-testing 1 web-design-reviewer 657

Browse all from smithery.ai

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Skill metadata

Parsed from SKILL.md frontmatter.

Allowed toolsstitch:*, Read, Write, Bash, WebFetch

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 1,406 B
  • docs SUMMARY.md 352 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 7 installs

SKILL.md

Stitch UI Design Skill

Google Stitch MCP integration for AI-powered UI design generation.

Workflows

1. Generate New Screen

mcp-cli call stitch/generate_screen_from_text '{"projectId": "ID", "prompt": "description", "deviceType": "DESKTOP"}'

2. Export to React

→ Invoke react:components skill after getting screen

3. Create Design System

→ Invoke design-md skill to generate DESIGN.md

MCP Tools

Tool Parameters
stitch/list_projects filter: "view=owned" or "view=shared"
stitch/create_project title: string
stitch/get_project name: "projects/{id}"
stitch/list_screens projectId: "projects/{id}"
stitch/get_screen projectId, screenId
stitch/generatescreenfrom_text projectId, prompt, deviceType, modelId

Related Skills

  • design-md - Extract design tokens → DESIGN.md
  • react:components - Convert screens → React code