SuperAPI AI 工具集

prototype-designer

设计与创作

查看项目

更新于 10-16 08:10

技能介绍

用途:在用户的前端仓库内生成可运行、可交互的高保真 UI 原型,验证流程、页面状态和数据需求是否成立。输入可为 PRD/User Journey(正式模式)、仅有其一(部分模式),或口述需求、截图、零散材料(独立模式)。也常用于进入 HLD/API Contract 之前的流程验证。

主要能力:读取仓库技术栈、组件库与设计系统,建立原型沙箱目录(独立路由前缀如 /prototype/),复用仓库既有组件,按页面生成布局、状态(正常/加载/空/错误/边界)与 mock 数据;输出 Prototype Manifest,记录需求基线、页面与需求映射、状态矩阵、P0 交互编排和组件清单。支持接入 ui-designer 设计包。

使用方式:触发后先执行前端仓库探查与工作区门禁,再规划原型范围、视觉方向与组件匹配,随后实现并自检。命令示例:/prototype-designer docs/PRD-checkout.md docs/User-Journeys-checkout.md。状态需可通过 URL 参数或页面控件切换演示。

适用场景:需要验证下单流程、工作台界面等交互体验;没有设计包或只有口述需求时也可使用。

限制:默认沙箱外零变更,禁止修改已有路由、页面、组件源码与 package.json;不得引入仓库外依赖或 UI 框架;禁止对接真实后端 API,所有数据为 mock;禁止实现需求基线未定义的功能;不包含生产级性能优化与真实认证实现;页面数超过 8 时需用户缩减范围或分批实现。关于收费与价格,资料未提供。