Agent Plugins Marketplace
All plugins

stitch-design

v0.8.1+codex.20260921

Create and edit Google Stitch screens, design systems, and frontend code through the remote Stitch MCP server.

Codex45 Skills1 MCP serverstdio

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

Installs for the current user
codex plugin marketplace add full-stack-plugins/stitch-design-plugin
codex plugin marketplace upgrade partme-ai-stitch
codex plugin add stitch-design@partme-ai-stitch

Paste 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-marketplacestitch-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-plugin

Clone 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

stitch-design/
├── .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-code-to-designskills/stitch-code-to-design/SKILL.md

将已有前端应用迁入 Stitch;用户要求把 React、Vue、Angular 等页面导入、同步为 Stitch 设计时触发。只提取 HTML 或只写 DESIGN.md 时使用对应提取技能。

stitch-delete-projectskills/stitch-delete-project/SKILL.md

安全删除一个明确指定的 Stitch 项目;仅在用户明确要求删除远程项目时使用,先预览完整资源名并再次取得批准,删除后只读对账。

stitch-delivery-harnessskills/stitch-delivery-harness/SKILL.md

Use when a Stitch screen must become a complete high-fidelity delivery with editable HTML, art enhancement, verification, user approval, and traceable archival.

stitch-design-mdskills/stitch-design-md/SKILL.md

从 Stitch 屏幕或用户提供的 HTML/截图整理并验证语义 DESIGN.md;需要可复用视觉语言与来源说明时触发。精确源码提取用 stitch-extract-design-md;提示词和屏幕生成使用各自入口。

stitch-design-useskills/stitch-design-use/SKILL.md

Stitch Design 根路由;当用户要用 Stitch 完成从认证、读取、生成、设计系统、资产处理到完整交付的任务时,选择最窄的下游 Skill,不直接扩大远程写入授权。

stitch-extract-design-mdskills/stitch-extract-design-md/SKILL.md

从前端源码提取可追踪的 DESIGN.md;在应用无法构建、需要审计 React/Vue/Svelte/Angular/CSS 视觉 token 或向 Stitch 迁移设计语言时使用。只做截图语义总结用 stitch-design-md。

stitch-extract-static-htmlskills/stitch-extract-static-html/SKILL.md

从本地前端页面提取静态 HTML 并内联可获取资产;在需要保存指定 UI 状态、离线检查或为 Stitch 准备上传文件时触发。结果不包含交互逻辑,也不自动上传。

stitch-harnessskills/stitch-harness/SKILL.md

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-local-setupskills/stitch-local-setup/SKILL.md

本地首次使用 Stitch Design、缺少 STITCH_API_KEY 或认证失败时,指导 Windows、macOS、Linux 用户从 Stitch Settings 获取 key,并通过插件配置器完成一次性设置;网页 ChatGPT 连接不使用本流程。

stitch-loopskills/stitch-loop/SKILL.md

根据 .stitch/SITE.md、DESIGN.md 和 next-prompt.md 接力完成已授权的 Stitch 页面构建;当用户要求按 backlog 继续迭代并交接下一页时触发。只写提示词、规划或无限后台运行不属于本入口。

stitch-manage-design-systemskills/stitch-manage-design-system/SKILL.md

查询、创建、更新或应用 Stitch 项目级设计系统;当已有 DESIGN.md 要关联远程项目,或需对指定屏幕应用现有系统时触发。单纯提取源码 token 不触发远程写入。

stitch-mcp-create-projectskills/stitch-mcp-create-project/SKILL.md

Creates a new Stitch project container. Use this when starting a new design task, app idea, or fresh workspace.

stitch-mcp-generate-screen-from-textskills/stitch-mcp-generate-screen-from-text/SKILL.md

调用 Stitch generate_screen_from_text 将已准备的页面提示生成视觉屏幕;用户明确要求用 Stitch 文本生成或编排器进入生成步骤时触发。提示润色、已有屏幕编辑与代码实现应走相应入口。

stitch-mcp-get-projectskills/stitch-mcp-get-project/SKILL.md

Retrieves the detailed metadata of a specific Stitch project.

stitch-mcp-get-screenskills/stitch-mcp-get-screen/SKILL.md

Retrieves the full details of a specific screen, including HTML code.

stitch-mcp-list-projectsskills/stitch-mcp-list-projects/SKILL.md

Lists all Stitch projects accessible to the user.

stitch-mcp-list-screensskills/stitch-mcp-list-screens/SKILL.md

Lists all screens contained within a specific project.

stitch-react-componentsskills/stitch-react-components/SKILL.md

将 Stitch HTML/屏幕转换或同步为 React/Vite 组件;需要 token、组件 Props 和导航一致性校验时触发。shadcn 原语迁移、数据看板、React Native 或视频使用各自规范入口。

stitch-react-nativeskills/stitch-react-native/SKILL.md

将 Stitch 屏幕转为 React Native 或同步现有原生组件;目标是 iOS/Android 的 View、Text、StyleSheet 和原生导航时触发。React DOM 或 Vite Web 页面使用 stitch-react-components。

stitch-react-vite-dashboardskills/stitch-react-vite-dashboard/SKILL.md

把 Stitch 设计实现为 React/Vite 数据看板;当需 TanStack Query、表格、筛选、异步状态和设计 token 一致性时触发。只有普通展示组件用 stitch-react-components;链上读数仅在明确请求时加入。

stitch-remotionskills/stitch-remotion/SKILL.md

将 Stitch 屏幕资产编排成 Remotion 走查视频;用户需要转场、缩放、字幕或旁白演示时触发。交互式 React 应用与实时屏幕录制不属于本入口。

stitch-shadcn-uiskills/stitch-shadcn-ui/SKILL.md

为 Stitch 来源的 React 页面选择、迁移和验证 shadcn/ui 原语、主题和 registry 内容时触发。首次通用 HTML 转 React 用 stitch-react-components;不自动迁移无关工程。

stitch-site-mdskills/stitch-site-md/SKILL.md

将站点需求和现有页面整理为 .stitch/SITE.md;当需为 Stitch Build Loop 确定网站身份、导航、页面状态、优先级与创作边界时触发。视觉 token 提取或实际生成屏幕用对应技能。

stitch-skill-creatorskills/stitch-skill-creator/SKILL.md

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-taste-designskills/stitch-taste-design/SKILL.md

为 Stitch 编写有明确视觉取向的 DESIGN.md 提案;当用户要求更有特色的排版、色彩、布局和动效方案时触发。审计现有设计事实用 stitch-design-md;不会自动覆盖已批准品牌规范或生成远程屏幕。

stitch-ued-guideskills/stitch-ued-guide/SKILL.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.

stitch-ui-design-spec-bootstrapskills/stitch-ui-design-spec-bootstrap/SKILL.md

Bootstrap-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-spec-element-plusskills/stitch-ui-design-spec-element-plus/SKILL.md

Element Plus design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-spec-generatorskills/stitch-ui-design-spec-generator/SKILL.md

将 Stitch 页面需求或 PRD 转为可审阅的本地 UI 设计规格;只产出设计决策,不调用远程写工具,也不冻结 MCP 模型、设备、字体或颜色变体枚举。

stitch-ui-design-spec-layuiskills/stitch-ui-design-spec-layui/SKILL.md

Layui-Vue design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-spec-uviewskills/stitch-ui-design-spec-uview/SKILL.md

uView 2 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-spec-uviewproskills/stitch-ui-design-spec-uviewpro/SKILL.md

uView Pro design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-spec-vantskills/stitch-ui-design-spec-vant/SKILL.md

Vant 4 design spec for Stitch. Outputs hard-constraints prefix or selector JSON and assembled prompt.

stitch-ui-design-variantsskills/stitch-ui-design-variants/SKILL.md

Logic skill that generates prompts for alternative design variants e.g. A B testing options.

stitch-ui-designerskills/stitch-ui-designer/SKILL.md

编排 Stitch 屏幕的新建、导入、编辑或变体生成;用户明确要求用 Stitch 实际创建或修改设计时触发。只润色提示词用 stitch-ui-prompt-architect,只写设计文档用 stitch-design-md。

stitch-ui-prompt-architectskills/stitch-ui-prompt-architect/SKILL.md

润色模糊 UI 需求或将已有 Design Spec/框架契约转为 Stitch 三段提示词时触发;产物仅为可复制文本。实际生成屏幕由 stitch-ui-designer 执行。

stitch-upload-to-stitchskills/stitch-upload-to-stitch/SKILL.md

将已授权的本地图片或 HTML 安全上传到指定 Stitch 项目,并将 Markdown 路由到远程 upload_design_md;只生成本地文件、检索项目或部署网站时不触发。

stitch-uview-componentsskills/stitch-uview-components/SKILL.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.

stitch-uview-plus-componentsskills/stitch-uview-plus-components/SKILL.md

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.

stitch-uviewpro-componentsskills/stitch-uviewpro-components/SKILL.md

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.

stitch-visual-judgeskills/stitch-visual-judge/SKILL.md

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.

stitch-vue-bootstrap-componentsskills/stitch-vue-bootstrap-components/SKILL.md

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..

stitch-vue-element-componentsskills/stitch-vue-element-components/SKILL.md

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.

stitch-vue-layui-componentsskills/stitch-vue-layui-components/SKILL.md

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..

stitch-vue-vant-componentsskills/stitch-vue-vant-components/SKILL.md

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

stitchstdio
command
python3
args
scripts/stitch_mcp_proxy.py
cwd
.

Plugin manifests1

.codex-plugin/plugin.json
{
  "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"
}

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)