Prototype

Throwaway code to answer a design question before you commit. Routes between two approaches: a minimal terminal app when you need to sanity-check state logic or a data model, or multiple radically different UI variations on one route with URL toggles when you're exploring visual design. Everything lives in memory, runs with one command, and gets deleted once you have your answer. The split matters because picking the wrong branch wastes the whole prototype. Good for "does this state machine actually work" or "let me see three different ways this could look" moments. Document what you learned, then throw it away.

skills.sh installs: 6K
GitHub stars: 5.7K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add vinvcn/mattpocock-skills-zh-cn --skill prototype --agent claude-code

Installs into .claude/skills of the current project.

Files

原型

Prototype 是用来回答一个问题的 throwaway code。问题决定形状。

选择分支

先识别正在回答哪个问题：来自用户 prompt、周围代码，或在用户在线时直接询问：

"Does this logic / state model feel right?" → LOGIC.md。构建一个单一、可分享的 HTML 文件（free-play buttons 加 tabbed guided walkthroughs），推动 state machine 跑过纸面上难以推理的 cases，而且非开发人员也能驱动它。
"What should this look like?" → UI.md。在单一路由上生成几种差异很大的 UI variations，并通过 URL search param 和浮动底栏切换。

这两个分支会产出非常不同的 artifacts；选错会浪费整个 prototype。如果问题确实模糊且用户不可达，默认选择更匹配周围代码的分支（backend module → logic；page 或 component → UI），并在 prototype 顶部说明假设。