Build throwaway logic or UI prototypes to answer design questions.
npx skills add https://github.com/mikalv/pi-extensions --skill prototype-mikalv
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/mikalv/pi-extensions/tree/main/packages/pi-atelier/.agents/skills/prototype Command: npx skills add https://github.com/mikalv/pi-extensions --skill prototype-mikalv
?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: You are unsure whether a state machine handles an edge case where event X precedes event Y. The Skill builds a one-command terminal app with keyboard shortcuts that mutate in-memory state and re-render the full frame after every action, so you can feel the bug immediately. ## Quick Start Ask the agent to prototype whether your state model 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.
Isolate the logic as a pure reducer, state machine, or function set with no I/O, then wrap it in a lightweight terminal UI that clears and re-renders the full state after each keystroke. Add one command to the project's existing task runner so anyone can run it.
Render 3-5 structurally different variants on the same route, gated by a ?variant= URL search param, with a floating bottom bar for switching via clicks or arrow keys. Keep existing data fetching intact and only swap the rendered subtree per variant.
No. A prototype that needs tests is no longer a prototype. Skip tests, persistence, and polish; keep only the minimal error handling needed to make it runnable, since the goal is to answer one question fast.
Use a logic prototype when the question is whether a state model or data shape behaves correctly under real cases. Use a UI prototype when the question is what a page or component should look like. Ambiguous cases default to whichever matches the surrounding code.
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.
ArcReelBuild throwaway HTML or UI prototypes to validate design questions.
sarkarshivaditya-labEnforces complete implementations by banning TODO comments and placeholder code during development.
yersonargotevBuild throwaway HTML or UI prototypes to answer design questions about logic or layout.
prabaljainnInterviews the user question-by-question to stress-test plans and design decisions.