SuperAPI AI 工具集

stitch-extract-design-md

设计与创作

查看项目

更新于 10-15 21:48

技能介绍

用途:从现有前端源码中提取设计系统信息,生成可追溯的 .stitch/DESIGN.md,用于设计审计或向 Stitch 迁移设计语言。适用于应用无法构建、需要审计 React/Vue/Svelte/Angular/CSS 视觉 token 的场景。

主要能力:读取 package.json 与目录判断框架和 CSS 工具链;按框架读取提取指南,先主题后组件,记录具体文件与选择器;提取颜色角色、字体、间距、圆角、组件状态和响应式条件,区分事实与建议;输出含 YAML name/colors 及六节语义文档的 DESIGN.md,未知 Project ID 省略并标注 Source;核对每个 token 的来源、覆盖关系与模式,未渲染时氛围标记为推断。

使用方式:需提供前端源码根目录、主题/CSS/组件文件、目标主题及是否需要上传兼容 YAML。流程为读取配置确定工具链、按框架提取、写入 .stitch/DESIGN.md、核对来源。可定制主题模式、组件范围、语言和路径。

限制:不读取无关账号配置,不收集密码,凭据仅由环境或已授权连接器提供;示例只用演示数据,上传前替换客户姓名、电话、订单号并检查元数据;禁止将密钥、会话 cookie、base64 全文或签名下载 URL 写入报告或版本库;未验证的参数、视觉效果、业务数字不得编造。只看截图提炼语义应改用 stitch-design-md;创建全新视觉风格用 stitch-ui-style;远程创建或应用系统用 stitch-manage-design-system。缺少输入时先输出标记的假设草案并列出所需补充项,依赖这些输入的写操作不执行。是否自动上传、安装或上线暂未提供明确说明。