Build throwaway logic or UI prototypes to answer design questions.
npx skills add https://github.com/ankaboot-source/boucle --skill prototype-ankaboot-source
Please help me install this Agent Skill. Skill: prototype Source: https://github.com/ankaboot-source/boucle/tree/main/.jcode/skills/prototype Command: npx skills add https://github.com/ankaboot-source/boucle --skill prototype-ankaboot-source
?variant= URL param and a floating bottom bar with arrow-key cycling. - Capture workflow: Fold validated decisions into the real codebase and preserve the prototype on a throwaway branch as a primary source. - Use Case: Before rewriting a checkout flow, spin up three layout variants on the existing /checkout route, review them in the browser, pick a winner, and discard the rest. ## Quick Start Ask the agent to prototype three different layouts for the settings page so you can compare them in the browser.High-intent search queries and answers about installing and using this skill.
Build a small terminal app around a pure reducer or state machine with no I/O, then drive it with keyboard shortcuts that re-render the full state each tick. Keep the logic module portable so it can be lifted into the real codebase once validated.
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 arrows to cycle variants, keeping existing data fetching intact.
Prototypes default to in-memory state with no persistence. Only touch a database if the question is specifically about persistence, and then use a scratch database or clearly marked local file.
Skip prototyping when the question is already answered or when you start adding tests, error handling, and abstractions. A prototype that needs tests has become production code and should be written properly instead.
Fold the validated decision into the real code on the main branch, then commit the full prototype to a throwaway branch as a primary source. Leave a pointer to that branch on the implementation issue.
The-Vibe-CompanyBuild throwaway HTML or UI prototypes to answer design questions.
corey-alixReview TypeScript code for strict compliance, error handling, input validation, and security.
cloudofgeorgeGenerate AI design variants and assemble a comparison board for structured feedback.
LuisSambranoGenerate visual mockups and wireframes from textual descriptions.