Stitch Remotion — Design skill for Claude Code

Stitch Agent Skills

A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.

Installation & Discovery

Install any skill from this repository using the `skills` CLI. This command will automatically detect your active coding agents and place the skill in the appropriate directory.

# List all available skills in this repository
npx skills add google-labs-code/stitch-skills --list

# Install a specific skill
npx skills add google-labs-code/stitch-skills --skill react:components --global

Available Skills

stitch-design

Unified entry point for Stitch design work. Handles prompt enhancement (UI/UX keywords, atmosphere), design system synthesis (.stitch/DESIGN.md), and high-fidelity screen generation/editing via Stitch MCP.

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

stitch-loop

Generates a complete multi-page website from a single prompt using Stitch, with automated file organization and validation.

npx skills add google-labs-code/stitch-skills --skill stitch-loop --global

design-md

Analyzes Stitch projects and generates comprehensive DESIGN.md files documenting design systems in natural, semantic language optimized for Stitch screen generation.

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

enhance-prompt

Transforms 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.

npx skills add google-labs-code/stitch-skills --skill enhance-prompt --global

react-components

Converts Stitch screens to React component systems with automated validation and design token consistency.

...