prototype

Builds and runs throwaway prototypes to answer a single design question.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/nico0695/ai-tools --skill prototype-nico0695
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/nico0695/ai-tools/tree/main/skills/generic-skills/prototype
Command: npx skills add https://github.com/nico0695/ai-tools --skill prototype-nico0695

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Teams often debate design decisions about UI, state logic, or system behavior without evidence, building full implementations before knowing whether the idea works. This Skill structures the creation of small, disposable prototypes that answer one specific question by being executed, then captures the verdict so the finding is never lost. ## Core Features & Use Cases - Question-first workflow: Forces a written question contract (question, options, deciding observation, done condition) before any code is written, so the prototype has a clear stopping condition. - Three prototype shapes: UI variants rendered on a real route with a switcher bar, interactive terminal apps for state/logic models, and one-shot probe scripts that verify assumptions about existing code or external APIs. - Verdict capture and clean handover: Records answered, rejected, or inconclusive outcomes next to the prototype and hands git commands to the user without ever running write operations itself. - Use Case: A team is unsure whether a checkout state machine should allow applying a coupon after payment. The Skill builds a small terminal app with a pure reducer and preset states, the user drives it by hand, and the rejected or validated design is recorded before any real implementation begins. ## Quick Start Ask the assistant to build a prototype that answers your specific design question, for example: prototype whether the checkout flow should allow applying a coupon after payment.

Frequently Asked Questions about prototype

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I prototype a design idea before implementing it?▼

Write a question contract first: one answerable question, at least two candidate options, the observation that decides between them, and a done condition. Then pick the matching shape — UI variants, a logic terminal app, or a probe script — and build the smallest artifact that produces that observation.

How do I test multiple UI design variants in a real app?▼

Render 3 structurally different variants on the existing page behind a ?variant= search param, with a floating switcher bar to flip between them. Feed every variant the worst realistic data — longest names, empty states, errors — so layout decisions are judged honestly against real content.

When should I not build a prototype?▼

Skip the prototype when the answer already exists in the codebase, is covered by documentation, is a matter of preference, or concerns production scale. Reading code, checking docs, or asking the user is cheaper, and declining to prototype is a valid outcome.

How do I verify assumptions about an external API's behavior?▼

Write each assumption as a falsifiable line, then run a read-only probe script that prints expected versus observed results per assumption with raw evidence. Never write to real systems; if the question requires a write, get explicit approval and use a scratch target.

What happens to prototype code after the question is answered?▼

The verdict is recorded next to the prototype, and the validated decision is reimplemented in the real codebase as a separate task. The prototype itself goes to a throwaway branch as a primary source; only the decision stays on the main branch.