Build throwaway terminal or UI prototypes to validate logic and design decisions.
npx skills add https://github.com/tokisakiyuu/dotfiles --skill prototype-tokisakiyuu
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/tokisakiyuu/dotfiles/tree/main/home/dot_claude/skills/prototype Command: npx skills add https://github.com/tokisakiyuu/dotfiles --skill prototype-tokisakiyuu
?variant= URL param and a floating bottom bar with arrow-key cycling. - Answer Capture: Records the validated decision in a commit message, ADR, or NOTES.md, then deletes or absorbs the prototype so nothing rots in the repo. - Use Case: You are unsure whether a state machine handles an edge case where action X precedes Y. The Skill builds a one-command terminal app that renders current state and keyboard shortcuts, letting you push the model through real cases until the flaw surfaces. ## Quick Start Ask the AI to prototype the state machine or page design you are unsure about so you can play with it before writing production code.High-intent search queries and answers about installing and using this skill.
Build a small interactive terminal app where a pure reducer or state machine sits behind a thin TUI shell. Each keystroke dispatches an action, the screen clears and re-renders the full state, letting you drive edge cases by hand and see where the model breaks.
Render each variant as a separate exported component on the same route, gated by a ?variant= URL search param. Add a floating bottom bar with left and right arrows that updates the param via the framework router, so variants are shareable and reload-stable.
No. Prototypes keep state in memory by default because persistence is usually the thing being checked, not a dependency. Only hit a scratch database or clearly marked local file when the question explicitly involves persistence behavior.
Use a logic prototype when the question is whether a state model, reducer, or data shape behaves correctly under real cases. Use a UI prototype when the question is what a page or component should look like, comparing structurally different layouts.
Prototype code skips tests, error handling, and abstractions, so it must never ship directly to production. Once it answers its question, either delete it or rewrite the validated logic properly in the real module.
ArcReelBuild throwaway HTML or UI prototypes to validate design questions.
docs-plusBuild throwaway terminal-based logic drivers or route-mounted UI switchers for validating untested designs.
pixel-cellarGenerate GDDs, ADRs, or concept documents from existing code and prototypes.
c-sonnierCoordinate collaborative design sessions and produce a formal design document.