askill
stitch

stitchSafety 90Repository

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.

stitchbrixtonpham
0 stars
1.2k downloads
Updated 1/31/2026

Package Files

Loading files...
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

ToolParameters
stitch/list_projectsfilter: "view=owned" or "view=shared"
stitch/create_projecttitle: string
stitch/get_projectname: "projects/{id}"
stitch/list_screensprojectId: "projects/{id}"
stitch/get_screenprojectId, screenId
stitch/generate_screen_from_textprojectId, prompt, deviceType, modelId

Related Skills

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

Install

Download ZIP
Requires askill CLI v1.0+▶

AI Quality Score

78/100Analyzed 2/16/2026

A well-structured skill for Google Stitch MCP integration with clear workflows, tool reference table, and proper metadata. Good actionability with concrete commands, though could benefit from more parameter details and examples.

90
80
85
70
75

Metadata

Licenseunknown
Version-
Updated1/31/2026
Publisherbrixtonpham

Tags

prompting