Download for MacApple silicon, macOS 14+
Skill

prototype

@mattpocock 1.1M installs Trending #99 on Skills.Sh Updated 2026-10-27

Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

Install

With your agent

Install OMGSkills skill "mattpocock/skills:prototype" into this agent's normal skills directory: call the OMGSkills MCP get_install_plan tool for your agent and run the script it returns (it installs only the pinned commit and verifies SKILL.md), and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.

Manual command

git clone https://github.com/mattpocock/skills /tmp/skills && ln -s /tmp/skills/skills/engineering/prototype ~/.claude/skills/prototype

From README

Prototype A prototype is throwaway code that answers a question. The question decides the shape. Pick a branch Identify which question is being answered, using the user's prompt, the surrounding code, or by asking if the user is around: "Does this logic / state model feel right?" → LOGIC.md. Build a single shareable HTML file (free-play buttons plus tabbed guided walkthroughs) that pushes the state machine through cases that are hard to reason about on paper, and that a non-developer can drive. "What should this look like?" → UI.md. Generate several radically different UI variations on a single route, switchable via a URL search param and a floating bottom bar. The two branches produce very different artifacts, so getting this wrong wastes the whole prototype.