Build throwaway HTML or UI prototypes to answer design questions.
npx skills add https://github.com/tlipoca9/dotfiles --skill prototype-tlipoca9
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/tlipoca9/dotfiles/tree/main/home/dot_agents/skills/prototype Command: npx skills add https://github.com/tlipoca9/dotfiles --skill prototype-tlipoca9
?variant= URL param and a floating bottom bar with keyboard navigation. - Capture Workflow: Fold validated decisions into real code while preserving the prototype on a throwaway branch as a primary source. - Use Case: Before implementing a checkout state machine, build a shareable HTML demo so a PM can click through the happy path, edge cases, and illegal transitions and confirm the model feels right. ## Quick Start Ask the AI to build a prototype that answers whether your state model handles a specific edge case, or to generate several UI variants for a page you are unsure about.High-intent search queries and answers about installing and using this skill.
Build a single self-contained HTML file with a pure reducer or state machine module, free-play action buttons, and tabbed guided walkthroughs. Anyone can open it by double-clicking and push the model through edge cases without installing anything.
Render 3 to 5 structurally different variants on the same route, gated by a ?variant= URL search param, with a floating bottom bar to cycle between them. Variants must differ in layout and information hierarchy, not just colors.
No. Prototypes keep state in memory by default, since persistence is usually the thing being checked, not a dependency. If the question explicitly involves a database, use a scratch DB or local file clearly marked as disposable.
Skip prototyping when the question is already answered or when the code needs tests, error handling, and production hardening. Prototype code is written under throwaway constraints and must be rewritten properly when folded into the real codebase.
The validated decision is folded into the real code on the main branch, while the full prototype is committed to a throwaway branch as a primary source. A context pointer to that branch is left on the implementation issue.
HDeiblerAn example.
vinzenzBuilds throwaway logic TUIs or UI variants to answer design questions.
MaxWolf-01Builds throwaway HTML or UI prototypes to answer design questions before implementation.
c-sonnierCoordinate collaborative design sessions and produce a formal design document.