Skills
CodingDesign

Throwaway Prototyping

GitHub:mattpocockUpdated Aug 19, 2026Stars 318.2kForks 26.6k
View on GitHub

You get a quick, throwaway prototype built to answer one design question. If you're unsure whether a state model or piece of logic feels right, you get a single shareable HTML file with free-play buttons and tabbed guided walkthroughs that pushes the state machine through tricky cases. If you're exploring what a UI should look like, you get several radically different variations on one route, switchable via a URL param and a floating bottom bar. Prototypes are clearly marked, trivial to run, and skip polish so you can learn fast.

Try it

  • Build a throwaway prototype to sanity-check whether this state model feels right, with buttons I can click to push it through edge cases.
  • Prototype a few radically different UI variations for this page so I can compare them side by side.
  • I'm not sure if this logic branch is correct — make a quick runnable demo that shows the full state after every action.

Details

Publisher
mattpocock
Source
mattpocock/skills
GitHub stars
318.2k
Runtime
No sandbox needed
Last updated
Aug 19, 2026