Stitch React 组件落地

原名：stitch-react-components

把 Stitch 设计转换为结构清楚、可复用的 React 组件。

中文 Skills 技能说明

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

上游能力依据

上游原始适用说明：Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

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

Phase 1: Retrieval and networking
Anti-patterns for Phase 1
Phase 2: Style extraction
Anti-patterns for Phase 2
Phase 3: Architectural rules
Anti-patterns for Phase 3
Phase 4: Execution steps
Anti-patterns for Phase 4
Troubleshooting

使用边界

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

作者、翻译与许可证

原作者: Google LLC 与 google-labs-code/stitch-skills contributors
中文翻译: CEOFans翻译
许可证: Apache-2.0
上游来源: https://github.com/google-labs-code/stitch-skills/tree/0337446dadde6f8c94210444e2aa9d546126480f/plugins/stitch-build/skills/react-components

适用范围

平台：linux、macos、windows；标签：设计与前端、Stitch React 组件落地

安全提示

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

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