一键导入
stitch-mcp-list-design-systems
Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
菜单
Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations.
用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
Conversational design ideation agent that researches trends, explores visual directions, and refines ideas through adaptive questioning — then produces a rich PRD document and auto-generates Stitch screens. Your design buddy that thinks deeply before designing.
Master entry point for all Stitch design workflows. Routes from user request → design spec → prompt assembly → screen generation → iteration (edit, variants, design systems) → design system extraction → framework conversion (Next.js, Svelte, HTML, React Native, or SwiftUI) → optional quality pass.
Analyzes a Stitch project's screens and synthesizes a natural-language DESIGN.md — visual atmosphere, color palette with hex values, typography rules, and Stitch-ready prompt snippets. Use this before stitch-loop or any multi-page build to establish design consistency.
Extracts a Stitch design and generates production code artifacts — CSS custom properties with dark mode tokens, a Tailwind v4 @theme block, and a semantic design system document. Run this before framework conversion skills.
Creates a reusable Stitch Design System from theme tokens — colors, fonts, roundness, saturation. Can be applied to future screens for visual consistency.
Creates a new Stitch project container (a design workspace). Call this when starting a new design session to get a projectId for screen generation.
| name | stitch-mcp-list-design-systems |
| description | Lists all Stitch Design Systems, optionally filtered by project. Returns asset names needed for apply and update operations. |
| allowed-tools | ["stitch*:*"] |
Lists all available Stitch Design Systems. These are reusable theme configurations (colors, fonts, roundness, saturation) that can be applied to screens for visual consistency across a project.
Only use this skill when the user explicitly mentions "Stitch".
assetId{
"name": "list_design_systems",
"arguments": {
"projectId": "3780309359108792857"
}
}
projectId — numeric ID only, optional✅ "3780309359108792857"
❌ "projects/3780309359108792857"
If omitted, returns all design systems across all projects.
Returns an array of Asset objects:
{
"assets": [
{
"name": "assets/ds_abc123",
"displayName": "SaaS Dashboard Theme",
"designSystem": {
"theme": {
"colorMode": "LIGHT",
"font": "DM_SANS",
"roundness": "ROUND_EIGHT",
"saturation": 3,
"customColor": "#6366F1",
"backgroundLight": "#FFFFFF",
"backgroundDark": "#18181B"
},
"designTokens": "...",
"styleGuidelines": "..."
}
}
]
}
Present as a readable table:
| # | Name | Font | Color | Mode | Asset ID |
|---|---|---|---|---|---|
| 1 | SaaS Dashboard Theme | DM Sans | #6366F1 | Light | ds_abc123 |
Then offer:
stitch-mcp-apply-design-systemstitch-mcp-update-design-systemstitch-mcp-create-design-systemExtract the name field from each asset — this is the assetId needed for apply_design_system.