stitch-skills
June 23, 2026 · View on GitHub
stitch-skills
Stitch MCP UI design skills — screen generation, components, design systems
English | 简体中文
Introduction · Install · Skills · Supported Agents · Ecosystem
📖 Introduction
Stitch MCP Skills is a curated collection of Agent Skills for AI coding agents, part of the Full Stack Skills ecosystem maintained by PartMe.AI.
This package includes 28 skills. Each skill is a self-contained SKILL.md file that AI agents load on-demand.
📦 Install
npx skills add full-stack-skills/stitch-skills
Or install specific skills:
npx skills add full-stack-skills/stitch-skills --skill <skill-name>
🎯 Skills (28)
| Skill | Description |
|---|---|
stitch-design-md | Analyze Stitch projects and synthesize a semantic design system into DESIGN.md. Uses Stitch MCP list_projects list_sc... |
stitch-mcp-create-project | Creates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace. |
stitch-mcp-generate-screen-from-text | Generates high-fidelity UI screens or wireframes from text descriptions. The core Text-to-UI engine. |
stitch-mcp-get-project | Retrieves the detailed metadata of a specific Stitch project. |
stitch-mcp-get-screen | Retrieves the full details of a specific screen, including HTML code. |
stitch-mcp-list-projects | Lists all Stitch projects accessible to the user. |
stitch-mcp-list-screens | Lists all screens contained within a specific project. |
stitch-react-components | Convert Stitch designs into modular Vite/React components with validation and design token consistency. Uses Stitch M... |
stitch-remotion | Generate walkthrough videos from Stitch projects using Remotion. Retrieves screens via Stitch MCP list_projects list_... |
stitch-shadcn-ui | Expert guidance for integrating and building applications with shadcn/ui. Component discovery, installation npx shadc... |
stitch-skill-creator | "A factory skill for creating new Stitch Scenario Skills. It enforces the "Design First, Execute Last" SOP and stan... |
stitch-ued-guide | UED guidelines, visual vocabulary, and prompt structure for Stitch. Use when the user asks about layout/style terms, ... |
stitch-ui-design-spec-bootstrap | Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-spec-element-plus | Element Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-spec-generator | Translates user requirements into structured Design Specs for Theme, Color, and Typography. |
stitch-ui-design-spec-layui | Layui-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-spec-uview | uView 2 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-spec-uviewpro | uView Pro design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-spec-vant | Vant 4 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt. |
stitch-ui-design-variants | Logic skill that generates prompts for alternative design variants e.g. A B testing options. |
stitch-ui-designer | The Master Orchestrator. Handles the end-to-end flow of designing and generating UI screens. Use this for all "Design... |
stitch-ui-prompt-architect | Builds Stitch-ready prompts from vague UI ideas or from Design Spec and User Request. Outputs sectioned Context, Layo... |
stitch-uview-components | Convert Stitch designs into uni-app and Vue 2 and uView 2.0 pages and components. Uses Stitch MCP get_screen for retr... |
stitch-uviewpro-components | Convert Stitch designs into uni-app and Vue 3 and uView Pro pages and components. Uses Stitch MCP get_screen for retr... |
stitch-vue-bootstrap-components | Convert Stitch designs into modular Vite/Vue 3 and BootstrapVue or BootstrapVueNext components. Uses [BootstrapVue Vu... |
stitch-vue-element-components | Convert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve de... |
stitch-vue-layui-components | Convert Stitch designs into modular Vite/Vue 3 and Layui-Vue components. Uses Stitch MCP get_screen for retrieval; hi... |
stitch-vue-vant-components | Convert Stitch designs into modular Vite/Vue 3 and Vant 4 mobile components. Uses Stitch MCP get_screen for retrieval... |
🤖 Supported Agents
Works with Claude Code, Codex, Cursor, OpenCode, Gemini CLI, GitHub Copilot, Windsurf, and 70+ others.
Claude Code Installation
Option 1: npx skills CLI (Recommended)
npx skills add full-stack-skills/stitch-skills
Option 2: Manual Installation
git clone https://github.com/full-stack-skills/stitch-skills.git
cp -r stitch-skills/skills/* .claude/skills/
For more details, see the Claude Code Skills Guide and Agent Skills Spec.
🌐 Ecosystem
| Resource | Link |
|---|---|
| Full Stack Skills | github.com/partme-ai/full-stack-skills |
| All Skill Groups | github.com/full-stack-skills |
| Agent Skills Spec | agentskills.io |
| Skills CLI | github.com/vercel-labs/skills |
📄 License
Apache 2.0 — see LICENSE.