Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files
README 要求执行 `npx skills add`。npx/其启动的安装器会运行从包注册表取得的代码，而提供的文件中没有固定版本、哈希或待执行代码清单。
如果包、依赖、发布账户或注册表内容遭篡改，安装过程可能以当前用户权限读取或修改文件、访问可用凭据，或安装不同于已审计内容的 Skill。
安装说明使用未固定版本或提交的 `npx skills add`，并指定全局安装。执行该命令时，安装内容取决于当时解析到的 `skills` 工具和远程仓库状态，可能影响用户的全局技能目录。源码未提供哈希或版本约束。用户可要求作者固定可信版本/提交，并先在隔离环境检查安装内容。
## Install```bashnpx skills add google-labs-code/stitch-skills --skill design-md --global```项目发现步骤明确调用 list_projects 获取“all user projects”，尽管最终只分析一个目标项目。这会让代理和其日志接触其他项目的名称、标识符或 URL 模式。
其他客户、内部项目或尚未公开工作的存在及名称可能进入代理会话记录，扩大本次设计分析所暴露的数据范围。提供的指令没有要求向第三方发送该列表。
仅在用户未提供项目 ID 时，技能会列出全部“owned”项目，再按标题或 URL 模式选择目标。这会把非目标项目的目录信息暴露给执行代理及可能的工具日志；源码没有说明仅返回必要字段。用户可直接提供项目 ID，或要求服务端按精确标题查询并最小化返回字段。
2. **Project lookup** (if Project ID is not provided): - Call `[prefix]:list_projects` with `filter: "view=owned"` to retrieve all user projects - Identify the target project by title or URL pattern - Extract the Project ID from the `name` field (e.g., `projects/13534454087919359824`)工作流直接要求在项目目录创建名为 DESIGN.md 的文件，没有先检查现有文件、请求确认、备份或使用新文件名的步骤。
若项目已有同名文件，其人工维护的规则或未提交内容可能被替换，随后又因该文件被定义为生成新屏幕的“source of truth”而影响后续设计决策。
这是主动写文件的指令：技能要求在项目目录使用固定名称 `DESIGN.md`，但没有检查同名文件、备份或确认步骤。若代理的写入工具采用覆盖语义，现有设计文档可能被替换。用户可在运行前限制写入到新目录，或要求作者加入“存在即停止并确认”的规则。
You are an expert Design Systems Lead. Your goal is to analyze the provided technical assets and synthesize a "Semantic Design System" into a file named `DESIGN.md`.This skill helps you create `DESIGN.md` files that serve as the "source of truth" for prompting Stitch to generate new screens that align perfectly with existing design language. Stitch interprets design through "Visual Descriptions" supported by specific color values.5. **Generate the file:** - Create `DESIGN.md` in the project directory - Follow the prescribed format exactly - Ensure all color codes are accurate权限声明允许 `stitch*:*`，即匹配 Stitch 前缀下的所有工具，而工作流只明确需要发现、列出和获取项目或屏幕。若服务器还提供创建、更新、删除或分享工具，这些也可能被授权。
受到错误指令或所处理内容影响的代理，可能调用与生成设计文档无关的 Stitch 操作，改变项目或其共享状态。
权限清单授予 `stitch*:*` 通配范围，而实际流程只列出发现、列举和读取项目/屏幕的调用。若匹配的 Stitch 服务还暴露修改、删除或分享工具，该权限声明没有将代理限制为只读操作。用户可要求作者改成明确的只读工具名单，并在连接端禁用写入类工具。
description: Analyze Stitch projects and synthesize a semantic design system into DESIGN.md filesallowed-tools: - "stitch*:*" - "Read" - "Write" - "web_fetch"---4. **Metadata fetch**: - Call `[prefix]:get_screen` with both `projectId` and `screenId` (both as numeric IDs only) - This returns the complete screen object including:6. **Project metadata extraction**: - Call `[prefix]:get_project` with the project `name` (full path: `projects/{id}`) to get: - `designTheme` object with color mode, fonts, roundness, custom colorsTo analyze a Stitch project, you must retrieve screen metadata and design assets using the Stitch MCP Server tools:1. **Namespace discovery**: Run `list_tools` to find the Stitch MCP prefix. Use this prefix (e.g., `mcp_stitch:`) for all subsequent calls.2. **Project lookup** (if Project ID is not provided): - Call `[prefix]:list_projects` with `filter: "view=owned"` to retrieve all user projects - Identify the target project by title or URL pattern该 Skill 的主要流程是通过 Stitch MCP 获取项目、屏幕、HTML/CSS 和设计元数据，再在项目目录生成 DESIGN.md。
1. **Retrieval**: Uses the Stitch MCP Server to fetch project screens, HTML code, and design metadata.2. **Extraction**: Identifies design tokens including colors, typography, spacing, and component patterns.3. **Translation**: Converts technical CSS/Tailwind values into descriptive, natural design language.4. **Synthesis**: Generates a comprehensive DESIGN.md following the semantic design system format.5. **Alignment**: Ensures output follows Stitch Effective Prompting Guide principles for optimal screen generation.5. **Generate the file:** - Create `DESIGN.md` in the project directory - Follow the prescribed format exactly - Ensure all color codes are accurate当用户未提供项目 ID 时，该 Skill 会枚举用户拥有的全部 Stitch 项目，再按标题或 URL 识别目标。
2. **Project lookup** (if Project ID is not provided): - Call `[prefix]:list_projects` with `filter: "view=owned"` to retrieve all user projects - Identify the target project by title or URL pattern - Extract the Project ID from the `name` field (e.g., `projects/13534454087919359824`)该 Skill 会从 Stitch 返回的下载 URL 获取完整 HTML/CSS，并可获取截图；其声明的工具权限还包括写文件和网络请求。
description: Analyze Stitch projects and synthesize a semantic design system into DESIGN.md filesallowed-tools: - "stitch*:*" - "Read" - "Write" - "web_fetch"---5. **Asset download**: - Use `web_fetch` or `read_url_content` to download the HTML code from `htmlCode.downloadUrl` - Optionally download the screenshot from `screenshot.downloadUrl` for visual reference - Parse the HTML to extract Tailwind classes, custom CSS, and component patterns下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。
SKILL.md已纳入全文examples/DESIGN.md已纳入全文README.md已纳入全文这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。
README.md配套文件SKILL.md工作说明examples/DESIGN.md配套文件```bashnpx skills add google-labs-code/stitch-skills --skill design-md --global```bashnpx skills add google-labs-code/stitch-skills --skill design-md --global```- A Stitch project with at least one designed screen- Access to the Stitch Effective Prompting Guide: https://stitch.withgoogle.com/docs/learn/prompting/ Review the Stitch Effective Prompting Guide at: https://stitch.withgoogle.com/docs/learn/prompting/ ```