#11 by installsAgents & automation
prototype
Build interactive prototypes to validate UI designs or state logic before full implementation
884K
35.6K
276.1K
May 6, 2026
Install
npx skills add https://github.com/mattpocock/skills --skill prototypeWhat it does
Generates throwaway code that answers specific design questions through interactive exploration. Use it when you need to sanity-check whether a state model feels right or explore what a UI should look like. The skill branches into logic-focused or UI-focused prototypes depending on your question, producing single shareable HTML files that non-developers can drive.
- Logic branch: State machine explorer with free-play buttons and guided walkthroughs to test hard-to-reason-about cases
- UI branch: Multiple radically different design variations on one route, switchable via URL param and floating control bar
- Generates single, shareable HTML files that work without a dev environment
- Auto-detects question type from context; defaults intelligently if ambiguous
