SuperAPI AI 工具集

cs-build-ui-mockup

设计与创作

查看项目

更新于 10-15 19:50

技能介绍

用途:把 CodeSpring 计划转成客户能直接看的可点击本地原型,在生成 PRD 之前暴露文字计划无法表达的问题(焦点、屏幕顺序、层级、选项是否完整等)。

主要能力:每个核心功能一屏,加一条最重要的流程;真实文案、合理假数据、控件点击有状态变化;绘制空状态与首次运行状态;列表可展开、枚举选项留有“其他/自定义”出口;提供 /styleguide 页面展示设计系统;先建设计令牌再写界面,明暗两种主题同时构建。

必要用法:先确认计划已有带笔记的核心功能,再执行命令检查状态: bash ../codespring/scripts/fetch-project.sh --out /tmp/cs-state node ../codespring/scripts/state.mjs /tmp/cs-state 改用一次性技术栈,无后端、数据库、鉴权与真实 API,全部硬编码假数据,放在独立 mockup/ 目录。展示时不讲解、只问开放问题,两轮反馈后把修正写入功能笔记原因与任务 DESIGN REVIEW 块,并将原型命名为约定的 UI 参考。

限制:无笔记则无法制作;已有 PRD 时修正意味着需重新生成;环境不支持安装技能时需按给定 URL 直接阅读相关方法;其余运行细节与平台支持情况暂未提供。