mcpField
P
prototype

prototype

github.com/guillermomurillo开发440 次安装16 周前更新
代码仓库

关于 prototype

这是指导编码 Agent 制作一次性原型的技能,帮助快速验证逻辑状态模型或界面方案。它按问题选择终端交互逻辑原型或可切换的 UI 变体,并强调记录结论后删除或吸收代码。

主要功能

  1. 01按问题选择逻辑或 UI 原型
  2. 02构建终端交互状态模型
  3. 03生成可切换的 UI 变体
  4. 04优先使用内存状态
  5. 05完成后记录结论并清理代码

适用场景

  1. 01验证难以纸面推演的状态逻辑
  2. 02比较同一路由上的界面方案
  3. 03快速检查页面或组件的设计方向

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/guillermomurillo/memo-flow --skill prototype

安装后在 Claude Code 中输入/prototype确认已加载。

附带文件LOGIC.mdUI.md

详细介绍

原型

原型是用于回答问题的一次性代码。问题决定原型的形态。

选择分支

确定要回答哪个问题——可以从用户的提示、周边代码中判断,或者在用户在线时询问:

  • “这种逻辑/状态模型合适吗?” → LOGIC.md。构建一个小型交互式终端应用,让状态机跑过那些难以纸上推演的情形。
  • “它应该是什么样子?” → UI.md。在单一路由上生成几个截然不同的 UI 变体,通过 URL 查询参数和一个悬浮底栏切换。

这两个分支会产出截然不同的成果——选错会让整个原型白费。如果问题确实模糊不清,而且联系不上用户,就默认选择更符合周边代码的分支(后端模块 → 逻辑;页面或组件 → UI),并在原型顶部说明这一假设。

两个分支通用的规则

  1. 从第一天起就把它当作一次性代码,并明确标注。 将原型代码放在靠近实际使用位置的地方(紧邻它要原型验证的模块或页面),以便一目了然——但命名时要让随手翻阅代码的人看出它是原型,而非生产代码。对于一次性 UI 路由,遵循项目现有的路由约定;不要另创顶层结构。
  2. 一条命令即可运行。 使用项目现有任务运行器支持的任一命令——pnpm <name>、python <path>、bun <path> 等。用户无需思考就能启动它。
  3. 默认不持久化。 状态保存在内存中。原型要_验证_的是持久化,而不是依赖持久化。如果问题明确涉及数据库,就使用临时数据库或本地文件,并采用清楚标注为“PROTOTYPE — wipe me”的名称。
  4. 跳过打磨。 不写测试,不添加超出原型_可运行_所需的错误处理,也不做抽象。目的是快速学到东西,然后删除它。
  5. 呈现状态。 每次操作后(逻辑原型)或每次切换变体时(UI 原型),打印或渲染完整的相关状态,让用户看清发生了什么变化。
  6. 完成后删除或吸收。 原型回答了问题后,要么删除它,要么将经过验证的决策融入正式代码——不要任由它在代码库中腐朽。

完成后

原型唯一值得保留的是_答案_。将答案以及它所回答的问题记录在某个持久位置(提交信息、ADR、issue 或原型旁的 NOTES.md)中。如果用户在线,这项记录可以通过简短交流完成;如果用户不在线,就留下占位内容,让他们(或下次处理的你)在删除原型前补上结论。

评论

支持 Markdown