Build throwaway prototypes that answer design questions about logic models or UI layouts.
npx skills add https://github.com/filippolmt/skills --skill prototype-filippolmt
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/filippolmt/skills/tree/main/skills/prototype Command: npx skills add https://github.com/filippolmt/skills --skill prototype-filippolmt
?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 linked from the implementation issue. - Use Case: A PM is unsure whether a state machine handles an edge case. You build a one-file HTML demo with scenario walkthroughs; they click through, spot the flaw in the idea, and you lift the validated reducer into the real module. ## Quick Start Ask the assistant to prototype whether your state model handles a specific edge case, or to generate three UI variants of an existing page switchable via a 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 one button per action and tabbed scenario walkthroughs. Anyone can open it by double-clicking, press buttons, and watch the full state re-render after each action.
Render each variant as a separate exported component on the same route, gated by a ?variant= URL search param. Add a floating bottom bar with left and right arrows that updates the param via the framework router, so variants are shareable and reload-stable.
Logic prototypes should be one plain HTML file with no framework, bundler, or server so they survive being emailed and double-clicked. UI prototypes follow the host project's existing framework and component library since they live on real routes.
Skip prototyping when there is no open design question to answer. A prototype exists to settle one specific question about logic or appearance; adding tests, persistence, or generalization turns it into production code written under prototype constraints.
Fold the validated decision into the real codebase, 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 remains a re-runnable primary source.
not-matthiasResearch technical questions using specifications, source code, and documentation.
PVMaloveBuild throwaway HTML or UI prototypes to answer design questions about logic or layout.
RayOfSteel-DHBWAnalyze and surface Copilot's phase assumptions with confidence indicators for review.
yoonhwanRender Mermaid diagram code as styled visual output in the terminal.