SuperAPI AI 工具集

import

通用与其它

查看项目

更新于 10-15 22:32

技能介绍

用途:把已有的设计系统导入 Subframe。技能会搜索磁盘上的视觉层文件(纯 UI 组件、布局原语、主题/样式文件、stories),生成清单并通过 CLI 上传,交由 Subframe 异步处理。

主要能力:使用 Glob/Read 查找 tailwind.config.*、全局 CSS、设计 token 文件及组件目录中的 .tsx/.jsx;按组件分组,区分 entrypoint、sourceFiles 与 supportingFiles(stories、CSS modules、md 文档);生成 .subframe/import-design-system.json 清单;上传前打印组件名、主题文件与文件总数摘要。

使用方式:需项目 ID 与认证令牌,可通过 MCP 的 list_projects 与 generate_auth_token 获取,或在 https://app.subframe.com/cli/auth 获取;项目 ID 也可见于 Subframe URL。先执行 mkdir -p .subframe 建目录,再写入清单,然后运行:

npx @subframe/cli@latest import -p {PROJECT_ID} --manifest .subframe/import-design-system.json --auth-token {TOKEN}

组件名必须唯一,冲突时询问用户解决(如按目录加前缀);多个项目时必须让用户确认选择。

适用场景:把已有组件库、主题配置与 stories 迁移到 Subframe,用于统一设计系统来源。

限制:仅导入视觉/展示层,排除含数据获取、API 调用、状态管理、业务逻辑、页面级组件、非视觉工具函数/hooks、测试文件。功能当前仅对部分团队开放,若 CLI 返回“Design system import is not enabled for this team”,属访问门槛而非缺陷,不要重试或绕过,应引导用户申请访问权限。上传为异步任务,不在命令内完成。