🎯

stitch-design

🎯Skill

from google-labs-code/stitch-skills

What it does

A Google Labs skill that serves as the unified entry point for Stitch design work, handling UI/UX prompt enhancement, design system synthesis, and high-fidelity screen generation via the Stitch MCP server.

📦

Same repository

google-labs-code/stitch-skills(8 items)

stitch-design

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add google-labs-code/stitch-skills --skill stitch-design

skills.sh Install⚠ Installs to .agents/skills/

npx skills add google-labs-code/stitch-skills --skill stitch-design

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/stitch-design/SKILL.md

SKILL.md

23,386Installs

AddedMar 14, 2026

View on GitHub Back to Skills

More from this repository7

🎯

react:components🎯Skill

A skill from Google Labs that converts Stitch-generated screens into React component systems with automated validation and design token consistency, compatible with Claude Code, Gemini CLI, and other coding agents.

🎯

design-md🎯Skill

A skill from Google Labs that analyzes Stitch projects and generates DESIGN.md files documenting design systems in semantic, natural language. Extracts color palettes, typography, geometry, and visual patterns from existing screens.

🎯

enhance-prompt🎯Skill

Optimizes and refines AI prompts by analyzing structure, clarity, context, and potential response quality to improve interaction effectiveness.

🎯

stitch-loop🎯Skill

A skill for Google Labs Stitch that enables autonomous, iterative website building through a baton-passing loop with Stitch MCP page generation and optional Chrome DevTools verification.

🎯

shadcn-ui🎯Skill

Provides expert guidance for discovering, installing, and customizing shadcn/ui components with full code ownership and zero runtime overhead.

🎯

remotion🎯Skill

Generate walkthrough videos from Stitch app designs using Remotion with smooth transitions, zoom effects, and text overlays

🎯

taste-design🎯Skill

Semantic design system skill that generates DESIGN.md files for Google Stitch screen generation, encoding visual atmosphere, a banned-color list (no AI purple/neon), typographic architecture (no generic Inter/Times), asymmetric layout rules, and perpetual micro-motion — so Stitch outputs premium, non-generic UI instead of the default AI-slop look.