SuperAPI AI 工具集

space-image2proto

设计与创作

查看项目

更新于 10-16 01:29

技能介绍

用途:把 UI 截图、mockup 转换为还原度较高的单文件 HTML 原型,并根据用户反馈迭代修改。

主要能力:从截图中提取布局结构、组件清单、配色、字体、间距与图标风格;生成内联 CSS/JS 的单文件原型,实现标签切换、下拉、步骤向导等交互;支持追加式学习日志与设计系统文件,逐步积累用户的偏好;可生成 Mermaid 流程图原型。

使用方式:首次使用会先引导:收集现有产品截图以提取设计规则,写入 references/design_system.json;确认需求描述格式并写入 references/config.json 的 requirements_format;选择原型保存根目录,写入 output_root。之后每次先读取 config.json、design_system.json 与 learning_log.jsonl,再分析截图、生成原型并保存为 MMDD-设计名称.html,最后追加一条学习日志。修改既有文件时优先做定点编辑,结构性大改才整体重写。用户说“输出设计说明”时,以列表形式给出变更摘要。

限制:除流程图可加载 Mermaid CDN 外,不引入外部框架或 CDN;默认不使用水印与 emoji,图标默认内联描边 SVG。具体收费、价格与平台信息暂未提供。