SuperAPI AI 工具集

stitch-code-to-design

设计与创作

查看项目

更新于 10-16 08:43

技能介绍

用途:把已有前端应用迁入 Stitch,将 React、Vue、Angular 等页面导入、同步为 Stitch 设计时触发。只提取 HTML 用 stitch-extract-static-html,只记录源码设计 token 用 stitch-extract-design-md;后端数据迁移或上线交给目标项目迁移或部署流程。

主要能力:按路由导入页面;连同视觉规范迁移;生成可追踪导入清单并标出缺失输入与验证状态。流程为:核对路由、来源提交及目标项目,不扩展到整个应用;按 stitch-extract-static-html 为每条路由生成独立 HTML 并检查资产闭合与脱敏;按 stitch-extract-design-md 生成 .stitch/DESIGN.md 并保留 YAML name/colors 与来源;在已授权范围用 stitch-manage-design-system 建立项目系统,记录 sourceScreen 与实例 id;用 stitch-upload 上传 HTML,title 为路由,generated-by 为 stitch-extract-static-html,再确认项目/屏幕并报告映射。

用法:提供源码目录和可运行 URL 或构建产物、实际 projectId 与目标路由列表、上传范围和可共享的脱敏页面状态。缺信息时先输出假设草案并精确列明缺少内容及用途。可定制路由列表、视口、主题和输出目录,例如只处理 /orders、1280×800、深色。

限制与验证:不读取无关账号配置,不收集密码,凭据仅由环境或已授权连接器提供;上传前脱敏客户姓名、电话、订单号,禁止写入密钥、会话 cookie、base64 全文或签名下载 URL;未验证参数、效果、业务数字不得编造。完成标准:每条路由均有 HTML、来源和真实返回 ID,DESIGN.md 与 HTML 来自同次快照,上传未确认时保留本地产物并停止后续写入。未连接时不声称已核验线上行为;具体安装命令与价格暂未提供。