Stitch 代码转设计

原名：stitch-code-to-design

从现有网页代码和界面结构整理可继续设计的 Stitch 项目输入。

中文 Skills 技能说明

适合已有页面需要重新设计或形成设计基线；只读取获准的代码与页面，先整理结构、状态和视觉变量，再提交设计服务。本地代码和设计规范可直接使用；Google Stitch 云功能需使用用户自己的账户，并确认中国大陆网络可用性、项目可见性、费用和数据处理要求。执行前读取真实项目、当前版本和官方资料，输出目标、依据、影响、验证结果与回退方式；没有证据时明确说明未知，不编造数据、配置或成功状态。创建、修改、部署、发布、提交审核、迁移、删除、发送或产生费用的操作，必须先展示目标和差异并获得有权限人员确认。代码、schema、日志、令牌、客户、订单、支付、音视频和企业资料按敏感内容处理，只读取任务所需范围，上传或外发前完成授权、脱敏和最小化。

上游能力依据

上游原始适用说明：Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. ALWAYS use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.

上游 SKILL.md 主要章节（保留原文标题）：

Workflow
Prerequisites
Steps

使用边界

先核对上游说明、依赖、输入资料和所需权限。涉及写入、删除、发布、支付或外部发送时，必须在执行前人工确认。

作者、翻译与许可证

原作者: 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/code-to-design

适用范围

平台：linux、macos、windows；标签：创意与设计、Stitch 代码转设计

安全提示

基础静态扫描不等于绝对安全。技能可能调用命令、浏览器、云服务或本地文件，请在最小权限环境中使用，高风险操作必须人工确认。

如发现侵权、许可证或安全问题，可在本页前台提交投诉，管理员复核后可立即下架。