Build throwaway prototypes that answer design questions about logic or UI.
npx skills add https://github.com/ninthday/skills-base --skill prototype-ninthday
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/ninthday/skills-base/tree/main/skills/prototype Command: npx skills add https://github.com/ninthday/skills-base --skill prototype-ninthday
?variant= URL param and a floating bottom bar with arrow-key navigation. - Capture Workflow: Fold validated decisions into real code, then preserve the prototype on a throwaway branch as a primary source with a pointer on the implementation issue. - Use Case: You are unsure whether a state machine handles an edge case where action X precedes Y. Build a shareable HTML demo, hand it to a domain expert, and let them discover the flaw by clicking through scenarios. ## Quick Start Ask the agent to prototype whether the current checkout state model handles a cancelled payment followed by a retry, as a shareable HTML demo.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 several structurally different variants on the same route, gated by a ?variant= URL search param, with a floating bottom bar to cycle between them. Keep existing data fetching intact so variants are judged against real content and layout context.
Prototypes should use in-memory state by default, since persistence is usually the thing being checked rather than a dependency. Only hit a scratch database or clearly marked local file when the question explicitly involves persistence.
Skip prototyping when the question is already answered or when the code would need tests, error handling, and abstractions to be useful. A prototype that needs tests is no longer a prototype; write the real implementation instead.
Fold the validated decision into the real code, then commit the full prototype to a throwaway branch kept out of main. Leave a pointer to that branch on the implementation issue so the prototype survives as a primary source.
The-Vibe-CompanyBuild throwaway HTML or UI prototypes to answer design questions.
FldicoahkiinHarden frontend user interfaces against edge cases and errors.
truffle-aiInterviews the user about a plan or design to resolve every decision branch.
80portisfoundBuild throwaway prototype experiments to validate technical feasibility before committing to a build.