Build throwaway HTML or UI prototypes to answer design questions.
npx skills add https://github.com/tajo9128/BioDockify-Pharma-AI --skill prototype-tajo9128
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/tajo9128/BioDockify-Pharma-AI/tree/main/.agents/skills/prototype Command: npx skills add https://github.com/tajo9128/BioDockify-Pharma-AI --skill prototype-tajo9128
?variant= URL param and a floating bottom bar with arrow-key navigation. - Capture Workflow: Fold validated decisions into real code and preserve the prototype on a throwaway branch as a primary source. - Use Case: A product manager is unsure whether an order state machine handles cancellation-after-shipping. You build a shareable HTML demo they can click through to expose the flaw before any backend code is written. ## Quick Start Ask the agent to prototype whether your state machine handles a specific edge case, or to generate three UI variants of an existing page.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 one button per action and tabbed walkthrough scenarios for edge cases. Anyone can open it by double-clicking, and the validated logic module can later be lifted into the real codebase.
Render several structurally different variant components 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 and only swap the rendered subtree per variant.
Logic prototypes should be one plain HTML file with inline CSS and JS so they survive being emailed and opened by double-click. UI prototypes follow the host project's existing framework and routing conventions rather than introducing new tooling.
Skip prototyping when the question is already answered or when you start adding tests, persistence, or generalizations. A prototype answers exactly one question; if it needs tests or a real database, it has stopped being a prototype.
Fold the validated decision into the real code, then commit the full prototype to a throwaway branch outside main as a primary source. Leave a pointer to that branch on the implementation issue so the main branch keeps only the validated decision.
HDeiblerAn example.
inkfinBuild throwaway HTML or UI prototypes to answer design questions about logic or layout.
cloudofgeorgeGenerate AI design variants and assemble a comparison board for structured feedback.
JaviMontanoGenerate syntactically valid Mermaid diagrams for architecture, flows, and technical documentation.