CodingDesign
Throwaway Prototyping
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
Related skills
- Skill CreatorCreate, update, and improve Agent Skills with a guided workflow for instructions, scripts, resources, and testing.VifeCoding+1
13 used
- PresentationPlan, design and export polished, editable slide decks from an idea, an outline or a document.VifeDesign+1
28 used
- GitHub Gem SeekerFind battle-tested open-source projects for a need, compare their health and license with evidence, and get a recommendation with an integration sketch.VifeCoding+1
0 used
- SEO AuditAudit a site or page for technical and on-page SEO and get prioritised fixes, each backed by the URLs that show the problem.VifeBusiness+1
0 used
- PRD WriterTurn an idea or notes into a checked PRD with goals, user stories, acceptance criteria, flows, edge cases, analytics and rollout, as DOCX and Markdown.VifeBusiness+1
0 used
- Landing Page BuilderBuild a polished, responsive single-file landing page with real copy, accessible markup and meta tags, previewed at desktop and mobile sizes.VifeDesign+1
0 used
- Brand Identity KitDefine a brand's positioning, voice, colours, type and logo, and package them as a guidelines PDF with ready-to-use design tokens.VifeDesign+1
0 used
- Color PaletteTurn a seed colour, logo, photo or mood into an accessible palette with tints, shades, light and dark themes and ready-to-use tokens.VifeDesign
0 used











