SuperAPI AI 工具集

analyze-design

设计与创作

查看项目

更新于 10-16 06:44

技能介绍

用途:从设计稿中系统化提取实现所需信息,包括数据字段、表格、操作、状态与隐含流程,输出结构化分析报告并列出待澄清问题。

主要能力:

  1. 数据字段提取:逐个输入框、下拉框、文本展示等提取字段名、类型、是否必填、可见校验、默认值及疑问。
  2. 表格列提取:列出列名、数据类型、是否可排序/过滤、点击动作,并追问数据源、默认排序、分页、空表与批量操作。
  3. 操作提取:对按钮、链接、交互元素记录触发方式、预期结果、是否需要确认弹窗及疑问。
  4. 状态检测:检查空、加载、错误、成功、部分加载、分页、无权限、首次使用、离线等状态是否已设计。
  5. 隐含流程检测:如提交成功/失败、删除确认与撤销、返回目标、多步流程、并发编辑等。
  6. 输出:以固定格式呈现设计分析,包含数据、表格、操作、状态、隐含流程与问题清单。

使用方式:技能按步骤执行。先读取 ${CLAUDE_PLUGIN_ROOT}/config.yaml,若不存在则提示将 config.example.yaml 复制为 config.yaml 并填写;提取 design_tool(figma、penpot 或 none),为 none 时停止。随后读取 ${CLAUDE_PLUGIN_ROOT}/skills/analyze-design/adapters/{design_tool}.md 适配器,工具调用均来自适配器,不得自行编造。接着从 $ARGUMENTS 解析设计 URL,无 URL 时向用户索取,并按适配器规则提取文件 key、节点 ID 等标识,获取设计上下文与截图。若设计含多个屏幕/画框,列出后由用户选择要分析哪些,或确认全部分析。

适用场景:设计评审、需求澄清、开发前分析、把设计稿转为可实现规格。

限制:仅支持已配置且存在适配器的设计工具(figma、penpot),未支持工具会停止;必须提供设计 URL;工具调用受适配器约束;具体安装命令、平台与收费信息暂未提供。