Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support.
中文简介正在准备中。当前显示原文说明。
Updates an existing Stitch Design System's theme, tokens, or guidelines. Requires the asset name from create or list operations.
中文简介正在准备中。当前显示原文说明。
查看安装方法安装前可以查看交给 AI 代理的指令内容。
Updates an existing Stitch Design System. Use this to modify theme properties, design tokens, or style guidelines without creating a new design system.
Only use this skill when the user explicitly mentions "Stitch".
You must have the design system's asset name before calling this. If you don't have one:
stitch-mcp-list-design-systemsname returned from stitch-mcp-create-design-system{
"name": "update_design_system",
"arguments": {
"name": "assets/15996705518239280238",
"projectId": "3780309359108792857",
"designSystem": {
"displayName": "SaaS Dashboard Theme v2",
"theme": {
"colorMode": "DARK",
"headlineFont": "GEIST",
"bodyFont": "GEIST",
"labelFont": "GEIST",
"roundness": "ROUND_TWELVE",
"customColor": "#818CF8"
}
}
}
}
Three sibling top-level arguments — name is not nested inside designSystem:
| Argument | Type | Required | Description |
|---|---|---|---|
name | string | Yes | Asset identifier with the assets/ prefix, e.g. assets/15996705518239280238. Top-level, not inside designSystem. |
projectId | string | Yes | Bare numeric project id, no projects/ prefix |
designSystem | object | Yes | {displayName, theme} — see below |
designSystem — {displayName, theme} only| Field | Type | Required | Description |
|---|---|---|---|
displayName | string | Yes | Human-readable name |
theme | DesignTheme | Yes | Visual configuration (see stitch-mcp-create-design-system for the full field reference) |
update_design_systemtakes the asset id prefixed (assets/159967...), whileapply_design_systemtakes the same id bare. Two tools, same identifier, different formats.
designTokens and styleGuidelines are not accepted — the live API has no such fields on DesignSystem. Don't send them.
Note: This is a full replacement, not a merge. Include all theme fields you want to keep, not just the ones you're changing.
Returns the updated Asset object:
{
"name": "assets/15996705518239280238",
"displayName": "SaaS Dashboard Theme v2",
"designSystem": { ... }
}
stitch-mcp-apply-design-system还没有评价。欢迎分享你的使用感受。
无需登录即可发表。欢迎分享使用感受、提问,或说明在哪些环境下无法运行。
还没有评论。来写第一条吧。
Audits Stitch-generated components for WCAG 2.1 AA accessibility issues and applies fixes — semantic HTML, ARIA attributes, keyboard navigation, focus management, and screen reader support.
中文简介正在准备中。当前显示原文说明。
Adds a purposeful animation layer to Stitch-generated components — CSS transitions, Framer Motion (React/Next.js), or Svelte transitions. Always respects prefers-reduced-motion.
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示原文说明。
Converts a Stitch screen, a local HTML file, or a URL into clean, platform-agnostic HTML5 + CSS — semantic markup, CSS custom properties for theming, dark mode via prefers-color-scheme, mobile-first responsive, zero framework dependencies. Works in browsers, WebViews, Capacitor, and Ionic. Only the Stitch route needs an API key.
中文简介正在准备中。当前显示原文说明。
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.
中文简介正在准备中。当前显示原文说明。