Skills Explorer Add Skills

stitch::generate-design

An agent skill by google-labs-code, from google-labs-code/stitch-skills. Tags: design, generative, stitch, ui-ux, web.

What it does

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.

Install

With the skills CLI, which installs into Claude Code, Codex, Cursor and other agents:

npx skills add google-labs-code/stitch-skills --skill 'stitch::generate-design'

Or copy the skill folder into Claude Code's skills directory by hand (~/.claude/skills for every project, or .claude/skills inside one):

git clone --depth 1 https://github.com/google-labs-code/stitch-skills
cp -r stitch-skills/plugins/stitch-design/skills/generate-design ~/.claude/skills/'stitch::generate-design'

Safety box score

Not rated yet. A safety box score grades what a skill and its scripts can reach on the machine of whoever installs it, across eight categories from shell execution to secrets access. Anyone can request one from this page; it is saved for everyone. How the score works.

Source

Repository
google-labs-code/stitch-skills (all skills from this repository)
Path
plugins/stitch-design/skills/generate-design/SKILL.md
Branch
main
Collection
stitch-design
Updated
2026-09-19