Builds disposable prototype demos to answer logic or UI design questions.
npx skills add https://github.com/Suge8/skills --skill prototype-suge8
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/Suge8/skills/tree/main/development/prototype Command: npx skills add https://github.com/Suge8/skills --skill prototype-suge8
?variant= URL parameter and a floating bottom bar with arrow-key navigation. - Use Case: A product manager is unsure whether an order state machine handles cancellation-after-shipping. The Skill builds a single HTML file with labeled state panels and scenario tabs so the PM can press buttons, spot the illegal transition, and hand back a verified reducer for the real codebase. ## Quick Start Ask the agent to build a prototype that tests whether your state model handles a specific edge case, or to generate three UI variants of a page switchable via URL parameter.High-intent search queries and answers about installing and using this skill.
Build a single self-contained HTML file containing a pure reducer or state machine module, with buttons for each action and a readable state panel that re-renders after every click. Non-developers can open the file directly and test edge cases without any installation.
Render 3 to 5 structurally distinct variants on the same route, switched by a ?variant= URL search parameter. Add a floating bottom bar with previous/next arrows and keyboard navigation so stakeholders can cycle through variants and share links to specific ones.
Prefer mounting variants on an existing page so they render with real data, headers, and density. Only create a disposable route when no existing page can reasonably host the prototype, and name it clearly as a prototype.
No. Logic prototypes must be a single HTML file with plain inline HTML, CSS, and JS so recipients can double-click to open or share it by email. Frameworks, bundlers, and dev servers break the shareability requirement.
Record the validated decision in the real codebase, then move the prototype itself to a throwaway branch rather than the main branch. The verified logic module gets extracted into a real module; losing UI variants are deleted from main.
Avoid prototyping when the question is already answered, when persistence or production behavior is the actual concern, or when the prototype would need tests and error handling. Prototypes answer exactly one question and skip all polish.
darkmatterCreate throwable runnable prototypes for product or implementation questions.
MaksymilianCzadowskiBuild throwaway prototypes to validate state models or explore UI design variations.
konstantinos-malavazosBuild throwaway code prototypes that answer design questions through human reaction.
bacchus-labsGenerate Figma mockups from wrangler specifications with design system integration.