Builds throwaway HTML or UI prototypes to answer design questions.
npx skills add https://github.com/AceCodePt/dotfiles --skill prototype-acecodept
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/AceCodePt/dotfiles/tree/main/.config/opencode/skills/prototype Command: npx skills add https://github.com/AceCodePt/dotfiles --skill prototype-acecodept
?variant= URL param and a floating bottom bar with arrow-key cycling. - Capture Workflow: Folds validated decisions into real code and preserves the full prototype on a throwaway branch as a primary source. - Use Case: A PM is unsure whether a checkout state machine handles cancel-after-payment. The Skill builds a one-file HTML demo with scenario walkthroughs so the team can click through the edge case and confirm the model. ## Quick Start Ask the assistant to prototype whether your state machine handles a specific edge case, or to generate three different layout variants for an existing page.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 for edge cases. Anyone can open it by double-clicking and drive the model without installing anything.
Render 3-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 or copy.
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 throwaway file if the question explicitly involves persistence.
Use a logic prototype when the question is whether a state model or business logic feels right, producing a shareable HTML demo. Use a UI prototype when the question is what something should look like, producing switchable page variants.
The validated decision is folded into the real code, while the full prototype is committed to a throwaway branch as a primary source with a pointer left on the implementation issue. Prototype code is never promoted directly to production.
HDeiblerAn example.
ArcReelBuild throwaway HTML or UI prototypes to validate design questions.
smp4Guide Three Amigos-style interviews to capture expert-approved domain knowledge into DOMAIN.md.
korchasaCreate self-contained HTML teaching materials with clickable state diagrams.