stitch-design
v0.8.1+codex.20260921Create and edit Google Stitch screens, design systems, and frontend code through the remote Stitch MCP server.
By Full Stack Skills / PartMe.AILicense: Apache-2.01 GitHub starsUpdated 2 days ago
Directory evidence
- Runtimes
- Codex
- Parsed components
- 46 skill or MCP entries
- Source updated
- Sep 21, 2026
- Manifest status
- Canonical path parsed
The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →
Install stitch-design for Codex
codex plugin marketplace add full-stack-plugins/stitch-design-plugin
codex plugin marketplace upgrade partme-ai-stitch
codex plugin add stitch-design@partme-ai-stitchPaste and run these commands in a terminal with Codex. They add and refresh the partme-ai-stitch catalog, then install this plugin.
Compatibility: the page URL and API slug “stitch-design” remain stable.
- Codex:
stitch-design@agent-plugin-marketplace→stitch-design@partme-ai-stitch
The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.
Get the source manually
git clone https://github.com/full-stack-plugins/stitch-design-pluginClone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.
Plugin files
├── .codex-plugin/plugin.json├── skills/stitch-code-to-design/SKILL.md├── skills/stitch-delete-project/SKILL.md├── skills/stitch-delivery-harness/SKILL.md├── skills/stitch-design-md/SKILL.md├── skills/stitch-design-use/SKILL.md├── skills/stitch-extract-design-md/SKILL.md├── skills/stitch-extract-static-html/SKILL.md├── skills/stitch-harness/SKILL.md├── skills/stitch-local-setup/SKILL.md├── skills/stitch-loop/SKILL.md├── skills/stitch-manage-design-system/SKILL.md├── skills/stitch-mcp-create-project/SKILL.md├── skills/stitch-mcp-generate-screen-from-text/SKILL.md├── skills/stitch-mcp-get-project/SKILL.md├── skills/stitch-mcp-get-screen/SKILL.md├── skills/stitch-mcp-list-projects/SKILL.md├── skills/stitch-mcp-list-screens/SKILL.md├── skills/stitch-react-components/SKILL.md├── skills/stitch-react-native/SKILL.md├── skills/stitch-react-vite-dashboard/SKILL.md├── skills/stitch-remotion/SKILL.md├── skills/stitch-shadcn-ui/SKILL.md├── skills/stitch-site-md/SKILL.md├── skills/stitch-skill-creator/SKILL.md├── skills/stitch-taste-design/SKILL.md├── skills/stitch-ued-guide/SKILL.md├── skills/stitch-ui-design-spec-bootstrap/SKILL.md├── skills/stitch-ui-design-spec-element-plus/SKILL.md├── skills/stitch-ui-design-spec-generator/SKILL.md├── skills/stitch-ui-design-spec-layui/SKILL.md├── skills/stitch-ui-design-spec-uview/SKILL.md├── skills/stitch-ui-design-spec-uviewpro/SKILL.md├── skills/stitch-ui-design-spec-vant/SKILL.md├── skills/stitch-ui-design-variants/SKILL.md├── skills/stitch-ui-designer/SKILL.md├── skills/stitch-ui-prompt-architect/SKILL.md├── skills/stitch-upload-to-stitch/SKILL.md├── skills/stitch-uview-components/SKILL.md├── skills/stitch-uview-plus-components/SKILL.md├── skills/stitch-uviewpro-components/SKILL.md├── skills/stitch-visual-judge/SKILL.md├── skills/stitch-vue-bootstrap-components/SKILL.md├── skills/stitch-vue-element-components/SKILL.md├── skills/stitch-vue-layui-components/SKILL.md├── skills/stitch-vue-vant-components/SKILL.md└── .mcp.json
Included Skills45
将已有前端应用迁入 Stitch;用户要求把 React、Vue、Angular 等页面导入、同步为 Stitch 设计时触发。只提取 HTML 或只写 DESIGN.md 时使用对应提取技能。
安全删除一个明确指定的 Stitch 项目;仅在用户明确要求删除远程项目时使用,先预览完整资源名并再次取得批准,删除后只读对账。
Use when a Stitch screen must become a complete high-fidelity delivery with editable HTML, art enhancement, verification, user approval, and traceable archival.
从 Stitch 屏幕或用户提供的 HTML/截图整理并验证语义 DESIGN.md;需要可复用视觉语言与来源说明时触发。精确源码提取用 stitch-extract-design-md;提示词和屏幕生成使用各自入口。
Stitch Design 根路由;当用户要用 Stitch 完成从认证、读取、生成、设计系统、资产处理到完整交付的任务时,选择最窄的下游 Skill,不直接扩大远程写入授权。
从前端源码提取可追踪的 DESIGN.md;在应用无法构建、需要审计 React/Vue/Svelte/Angular/CSS 视觉 token 或向 Stitch 迁移设计语言时使用。只做截图语义总结用 stitch-design-md。
从本地前端页面提取静态 HTML 并内联可获取资产;在需要保存指定 UI 状态、离线检查或为 Stitch 准备上传文件时触发。结果不包含交互逻辑,也不自动上传。
Stitch calling spec: the local stdio MCP proxy (Python 3.11+ hard requirement), credential setup via stitch-local-setup, remote Stitch MCP auth, and the 43-skill routing surface. Read this before any Stitch task.
本地首次使用 Stitch Design、缺少 STITCH_API_KEY 或认证失败时,指导 Windows、macOS、Linux 用户从 Stitch Settings 获取 key,并通过插件配置器完成一次性设置;网页 ChatGPT 连接不使用本流程。
根据 .stitch/SITE.md、DESIGN.md 和 next-prompt.md 接力完成已授权的 Stitch 页面构建;当用户要求按 backlog 继续迭代并交接下一页时触发。只写提示词、规划或无限后台运行不属于本入口。
查询、创建、更新或应用 Stitch 项目级设计系统;当已有 DESIGN.md 要关联远程项目,或需对指定屏幕应用现有系统时触发。单纯提取源码 token 不触发远程写入。
Creates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace.
调用 Stitch generate_screen_from_text 将已准备的页面提示生成视觉屏幕;用户明确要求用 Stitch 文本生成或编排器进入生成步骤时触发。提示润色、已有屏幕编辑与代码实现应走相应入口。
Retrieves the detailed metadata of a specific Stitch project.
Retrieves the full details of a specific screen, including HTML code.
Lists all Stitch projects accessible to the user.
Lists all screens contained within a specific project.
将 Stitch HTML/屏幕转换或同步为 React/Vite 组件;需要 token、组件 Props 和导航一致性校验时触发。shadcn 原语迁移、数据看板、React Native 或视频使用各自规范入口。
将 Stitch 屏幕转为 React Native 或同步现有原生组件;目标是 iOS/Android 的 View、Text、StyleSheet 和原生导航时触发。React DOM 或 Vite Web 页面使用 stitch-react-components。
把 Stitch 设计实现为 React/Vite 数据看板;当需 TanStack Query、表格、筛选、异步状态和设计 token 一致性时触发。只有普通展示组件用 stitch-react-components;链上读数仅在明确请求时加入。
将 Stitch 屏幕资产编排成 Remotion 走查视频;用户需要转场、缩放、字幕或旁白演示时触发。交互式 React 应用与实时屏幕录制不属于本入口。
为 Stitch 来源的 React 页面选择、迁移和验证 shadcn/ui 原语、主题和 registry 内容时触发。首次通用 HTML 转 React 用 stitch-react-components;不自动迁移无关工程。
将站点需求和现有页面整理为 .stitch/SITE.md;当需为 Stitch Build Loop 确定网站身份、导航、页面状态、优先级与创作边界时触发。视觉 token 提取或实际生成屏幕用对应技能。
A factory skill for creating new Stitch Scenario Skills. It enforces the "Design First, Execute Last" SOP and standard Stitch architectural patterns. Use this when you need to add support for a new domain e.g. "Music Apps" "Social Networks" to the Stitch ecosystem.
为 Stitch 编写有明确视觉取向的 DESIGN.md 提案;当用户要求更有特色的排版、色彩、布局和动效方案时触发。审计现有设计事实用 stitch-design-md;不会自动覆盖已批准品牌规范或生成远程屏幕。
UED guidelines, visual vocabulary, and prompt structure for Stitch. Use when the user asks about layout/style terms, device constraints, or when structuring/improving Stitch prompts; combine with stitch-ui-prompt-architect for vague→concrete prompts.
Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
Element Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
将 Stitch 页面需求或 PRD 转为可审阅的本地 UI 设计规格;只产出设计决策,不调用远程写工具,也不冻结 MCP 模型、设备、字体或颜色变体枚举。
Layui-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
uView 2 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
uView Pro design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
Vant 4 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.
Logic skill that generates prompts for alternative design variants e.g. A B testing options.
编排 Stitch 屏幕的新建、导入、编辑或变体生成;用户明确要求用 Stitch 实际创建或修改设计时触发。只润色提示词用 stitch-ui-prompt-architect,只写设计文档用 stitch-design-md。
润色模糊 UI 需求或将已有 Design Spec/框架契约转为 Stitch 三段提示词时触发;产物仅为可复制文本。实际生成屏幕由 stitch-ui-designer 执行。
将已授权的本地图片或 HTML 安全上传到指定 Stitch 项目,并将 Markdown 路由到远程 upload_design_md;只生成本地文件、检索项目或部署网站时不触发。
Convert Stitch designs into uni-app and Vue 2 and uView 2.0 pages and components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces uni-app page structure and uView 2 u-* component contracts.
Convert Stitch designs into uni-app + Vue 3 + uview-plus pages and components. Use when the user mentions Stitch, uview-plus, up- components, or uni-app Vue 3 conversion targeting uview-plus. Retrieves screen HTML via Stitch MCP get_screen, rewrites Tailwind structure into up-* components, and enforces stronger setup, theme, safe-area, tabbar, popup, upload, and dark-mode rules than the generic uView Pro conversion skill.
Convert Stitch designs into uni-app and Vue 3 and uView Pro pages and components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces uni-app page structure and uView Pro u-* component contracts, rpx, script setup.
Score a Stitch delivery candidate against its art target as an independent judge. Use when the delivery harness reaches the visual comparison step and needs the five-axis 1-5 ratings plus an actionable gap list; the executor of the candidate must not judge its own work.
Convert Stitch designs into modular Vite/Vue 3 and BootstrapVue or BootstrapVueNext components. Uses [BootstrapVue Vue 3] support; Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Bootstrap component contracts b-container b-row b-button etc..
Convert Stitch designs into modular Vite/Vue 3 and Element Plus components. Uses Stitch MCP get_screen to retrieve design JSON and HTML; supports high-reliability fetch via scripts; enforces Vue SFC structure, data decoupling, and Element Plus component contracts.
Convert Stitch designs into modular Vite/Vue 3 and Layui-Vue components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Layui-Vue component contracts layui-btn layui-input lay-card etc..
Convert Stitch designs into modular Vite/Vue 3 and Vant 4 mobile components. Uses Stitch MCP get_screen for retrieval; high-reliability fetch via scripts; enforces Vue SFC structure and Vant 4 component contracts van-button van-field van-nav-bar etc..
MCP servers1
- command
- python3
- args
- scripts/stitch_mcp_proxy.py
- cwd
- .
Plugin manifests1
{
"name": "stitch-design",
"version": "0.8.1+codex.20260921",
"description": "Create and edit Google Stitch screens, design systems, and frontend code through the remote Stitch MCP server.",
"author": {
"name": "Full Stack Skills / PartMe.AI",
"url": "https://github.com/full-stack-plugins/stitch-design-plugin"
},
"homepage": "https://github.com/full-stack-plugins/stitch-design-plugin",
"repository": "https://github.com/full-stack-plugins/stitch-design-plugin",
"license": "Apache-2.0",
"keywords": [
"stitch",
"design",
"mcp",
"design-to-code",
"ui-generation"
],
"skills": "./skills/",
"interface": {
"displayName": "Google Stitch Design",
"shortDescription": "Design and build with Google Stitch",
"longDescription": "Operate Google Stitch from Codex: generate and edit screens, manage design systems, run code-to-design workflows, and turn Stitch artifacts into frontend components.",
"developerName": "Full Stack Skills / PartMe.AI",
"category": "Creativity",
"capabilities": [
"Interactive",
"Read",
"Write"
],
"websiteURL": "https://stitch.withgoogle.com",
"privacyPolicyURL": "https://github.com/full-stack-plugins/stitch-design-plugin/blob/main/PRIVACY.md",
"termsOfServiceURL": "https://github.com/full-stack-plugins/stitch-design-plugin/blob/main/TERMS.md",
"defaultPrompt": [
"Create a responsive product screen in Stitch",
"Edit my Stitch screen and preserve its design system",
"Turn this Stitch design into production components"
],
"brandColor": "#1A73E8",
"composerIcon": "./assets/composer-icon.png",
"logo": "./assets/logo.png",
"logoDark": "./assets/logo-dark.png",
"screenshots": []
},
"mcpServers": "./.mcp.json"
}For maintainers
If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.
[stitch-design on Agent Plugins Marketplace](https://pluginsmp.com/plugins/stitch-design)