stitch-skills

June 23, 2026 · View on GitHub

stitch-skills

Stitch MCP UI design skills — screen generation, components, design systems

GitHub License Agent Skills

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)

SkillDescription
stitch-design-mdAnalyze Stitch projects and synthesize a semantic design system into DESIGN.md. Uses Stitch MCP list_projects list_sc...
stitch-mcp-create-projectCreates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace.
stitch-mcp-generate-screen-from-textGenerates high-fidelity UI screens or wireframes from text descriptions. The core Text-to-UI engine.
stitch-mcp-get-projectRetrieves the detailed metadata of a specific Stitch project.
stitch-mcp-get-screenRetrieves the full details of a specific screen, including HTML code.
stitch-mcp-list-projectsLists all Stitch projects accessible to the user.
stitch-mcp-list-screensLists all screens contained within a specific project.
stitch-react-componentsConvert Stitch designs into modular Vite/React components with validation and design token consistency. Uses Stitch M...
stitch-remotionGenerate walkthrough videos from Stitch projects using Remotion. Retrieves screens via Stitch MCP list_projects list_...
stitch-shadcn-uiExpert 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-guideUED guidelines, visual vocabulary, and prompt structure for Stitch. Use when the user asks about layout/style terms, ...
stitch-ui-design-spec-bootstrapBootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-spec-element-plusElement Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-spec-generatorTranslates user requirements into structured Design Specs for Theme, Color, and Typography.
stitch-ui-design-spec-layuiLayui-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-spec-uviewuView 2 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-spec-uviewprouView Pro design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-spec-vantVant 4 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
stitch-ui-design-variantsLogic skill that generates prompts for alternative design variants e.g. A B testing options.
stitch-ui-designerThe Master Orchestrator. Handles the end-to-end flow of designing and generating UI screens. Use this for all "Design...
stitch-ui-prompt-architectBuilds Stitch-ready prompts from vague UI ideas or from Design Spec and User Request. Outputs sectioned Context, Layo...
stitch-uview-componentsConvert Stitch designs into uni-app and Vue 2 and uView 2.0 pages and components. Uses Stitch MCP get_screen for retr...
stitch-uviewpro-componentsConvert Stitch designs into uni-app and Vue 3 and uView Pro pages and components. Uses Stitch MCP get_screen for retr...
stitch-vue-bootstrap-componentsConvert Stitch designs into modular Vite/Vue 3 and BootstrapVue or BootstrapVueNext components. Uses [BootstrapVue Vu...
stitch-vue-element-componentsConvert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve de...
stitch-vue-layui-componentsConvert Stitch designs into modular Vite/Vue 3 and Layui-Vue components. Uses Stitch MCP get_screen for retrieval; hi...
stitch-vue-vant-componentsConvert 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

ResourceLink
Full Stack Skillsgithub.com/partme-ai/full-stack-skills
All Skill Groupsgithub.com/full-stack-skills
Agent Skills Specagentskills.io
Skills CLIgithub.com/vercel-labs/skills

📄 License

Apache 2.0 — see LICENSE.