13 skills
stitch-skills5.8k ★
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.
checked 4d ago
remotion
Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays
·★5.8k↓0
checked 4d ago
Port your React app into a design system
Extracts components and styles from a live React or Vite app, maps them to design tokens, and uploads the result as an editable Stitch design file—no manual recreation needed.
·★5.8k↓0
checked 4d ago
Export a web page as shareable static HTML
Captures a live web page or React component and exports it as a single self-contained HTML file with all CSS and images inlined—no dependencies, works offline.
·★5.8k↓0
checked 4d ago
Keep your design system in sync with your screens
Pulls your design system from Stitch, applies components and tokens to screens, and syncs updates back — so your specs and shipped UI don't drift.
·★5.8k↓0
checked 4d ago
Extract your design system into a shareable spec
Reads your Stitch project, maps colors, typography, components, and patterns, then outputs a DESIGN.md file that engineers and collaborators can reference.
·★5.8k↓0
checked 4d ago
Turn a UI sketch into a prompt Claude understands
Takes a rough "make a login form" and expands it with design-system constraints, accessibility needs, and visual detail — so Claude generates components that actually fit your product.
·★5.8k↓0
checked 4d ago
Codify your design taste into a system
Takes your brand's visual rules—type scales, color logic, layout grids, motion—and produces a DESIGN.md that agents can read and apply consistently across interfaces.
·★5.8k↓0
checked 4d ago
Turn a design into runnable React code
Takes a Stitch design file and generates modular, typed React components ready for Vite. Validates component structure and respects your design system tokens.
·★5.8k↓0
checked 4d ago
Build a UI faster with shadcn/ui
Finds the right shadcn/ui component for your need, handles installation, shows how to customize it to match your design system, and flags common mistakes.
·★5.8k↓0
checked 4d ago
Document your design system from code
Reads your React, Vue, or plain HTML/CSS codebase and auto-generates a living DESIGN.md with components, tokens, and theme rules — no manual inventory needed.
·★5.8k↓0
checked 4d ago
Generate app screens from a written spec
Writes a UI description or uploads a screenshot, and Stitch generates production-ready screens as code components with your design system baked in.
·★5.8k↓0
checked 4d ago
Move your design files into Stitch
Takes local images, mockups, or HTML exports and uploads them to your Stitch project as shareable assets, even when file sizes would normally cause issues.
·★5.8k↓0
checked 4d ago
Build a website step by step with AI agents
Orchestrates Claude agents to design, code, and iterate on a website in a loop—each agent hands off to the next, refining the site until it matches your spec.
·★5.8k↓0