Stitch 设计规范提取
原名：stitch-extract-design-md
从 Stitch 项目提取颜色、字体、间距和组件约定并生成 DESIGN.md。
中文 Skills 技能说明
适合把视觉方案沉淀为开发可读规范；先核对项目和版本，标注事实与推断，不把未出现的组件规则编造成正式标准。本地代码和设计规范可直接使用；Google Stitch 云功能需使用用户自己的账户，并确认中国大陆网络可用性、项目可见性、费用和数据处理要求。执行前读取真实项目、当前版本和官方资料，输出目标、依据、影响、验证结果与回退方式；没有证据时明确说明未知，不编造数据、配置或成功状态。 创建、修改、部署、发布、提交审核、迁移、删除、发送或产生费用的操作，必须先展示目标和差异并获得有权限人员确认。 代码、schema、日志、令牌、客户、订单、支付、音视频和企业资料按敏感内容处理，只读取任务所需范围，上传或外发前完成授权、脱敏和最小化。
上游能力依据
上游原始适用说明：Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."
上游 SKILL.md 主要章节（保留原文标题）：
- Why This Exists
- When to Use
- Prerequisites
- Workflow
- Phase 1: Project Discovery
- Phase 2: Deep Extraction
- Phase 3: Write the DESIGN.md
- 1. Visual Theme & Atmosphere
- 2. Color Palette & Roles
- Primary Foundation
使用边界
先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。
作者、翻译与许可证
- 原作者
- Google LLC 与 google-labs-code/stitch-skills contributors
- 中文翻译
- CEOFans翻译
- 许可证
- Apache-2.0
- 上游来源
- https://github.com/google-labs-code/stitch-skills/tree/0337446dadde6f8c94210444e2aa9d546126480f/plugins/stitch-design/skills/extract-design-md
适用范围
平台：linux、macos、windows；标签：设计与前端、Stitch 设计规范提取
安全提示
基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。
如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。