# prototype

> Claude/Codex skill by [@mattpocock](https://omgskills.com/library/mattpocock/index.md) · 306k stars · 1.1M installs · 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

```sh
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.

## Links

- HTML page: https://omgskills.com/library/mattpocock/skills/prototype/
- GitHub: https://github.com/mattpocock/skills
- Author: [@mattpocock](https://omgskills.com/library/mattpocock/index.md)

## More from this repo

- [chief-of-staff](https://omgskills.com/library/mattpocock/skills/chief-of-staff/index.md) — Pursue a long-running goal in a single session by co-ordinating subagents.
   - [@mattpocock](https://omgskills.com/library/mattpocock/index.md) · 324k stars
- [tdd](https://omgskills.com/library/mattpocock/skills/tdd/index.md) — Test-driven development.
   - [@mattpocock](https://omgskills.com/library/mattpocock/index.md) · 323k stars
- [implement-spec](https://omgskills.com/library/mattpocock/skills/implement-spec/index.md) — Implement the result of /to-spec and /to-tickets in code.
   - [@mattpocock](https://omgskills.com/library/mattpocock/index.md) · 322k stars