prototype-feature 是一款用于快速搭建前端原型的技能。给定一段纯英文功能需求后,它会把功能做成真实的本地 UI,而不是停留在示意图层面。
用途与流程:先阅读现有应用外壳、路由、共享组件、设计 token、数据约定和状态模式,尽量贴合现有应用;若要引入新依赖、设计约定、路由模式或状态模型,需先询问。随后只构建所要求的工作流,不额外发明产品界面。
数据与组件:数据保持在本地,不添加后端调用、schema 文件、生成的 GraphQL 产物或异步加载模拟。数据按产品领域实体建模,使用稳定 id、嵌套关系和清晰命名,必要时加入计算字段,并预置足够覆盖各可达状态的真实记录。每个组件只负责一个主要实体,若读取两个实体的字段就拆分;子实体以对象形式传给子组件,父组件不读取其字段。
Action:每个用户操作建模为本地 hook,命名对应未来的 mutation hook(如 useCreateReviewMutation),放在新文件中,返回通常的 mutation 元组 [action, { loading, error }]。处理函数现在调用该 action 函数,把后端 TODO 留在 hook 实现边界,并按需向 hook 传入本地状态管理所需内容。
限制:仅限本地可点击原型,不涉及真实后端、schema 或异步加载;不扩展未要求的产品面。资料未提供具体安装命令、支持的框架版本或收费信息。