prototype

Builds throwaway terminal or UI prototypes to validate state models and design options.

2|1|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/brandtam/rubber-ducky-legacy --skill prototype-brandtam
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/brandtam/rubber-ducky-legacy/tree/main/.agents/skills/prototype
Command: npx skills add https://github.com/brandtam/rubber-ducky-legacy --skill prototype-brandtam

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design decisions about state machines, data models, and page layouts often look fine on paper but break down in practice. This Skill builds disposable prototypes that let you press buttons, flip between UI variants, and discover flaws in the idea before committing to real implementation. ## Core Features & Use Cases - Logic Prototypes: Creates a lightweight interactive terminal app that drives a pure reducer, state machine, or function set through edge cases, re-rendering full state after every keystroke. - UI Prototypes: Generates 3-5 structurally different UI variants on one route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key cycling. - Answer Capture: Records the validated decision in a commit message, ADR, or NOTES.md, then deletes or folds the prototype into real code. - Use Case: Before building a settings page, ask for three radically different layouts; flip through them in the browser, pick the winner, and have the losers deleted. ## Quick Start Ask the agent to prototype the feature you are unsure about, for example by saying "prototype three different layouts for the dashboard page so I can compare them".

Frequently Asked Questions about prototype

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

FAQPage Schema
How do I prototype a state machine before writing production code?▼

Build a small interactive terminal app around a pure reducer or state machine, with keyboard shortcuts that dispatch actions and re-render the full state each tick. Driving real edge cases by hand exposes transitions that look fine on paper but feel wrong in practice.

How to compare multiple UI design options in one app?▼

Render several structurally different variants on the same route, gated by a ?variant= URL search param, with a floating bottom bar to cycle between them. Keeping the existing data fetching and page context makes each variant easier to judge realistically.

Should prototype code have tests and error handling?▼

No. A prototype is throwaway code that answers one question, so tests, abstractions, and polish are explicitly skipped. If a prototype needs tests to be trustworthy, it has stopped being a prototype and should be written as real code.

When should I use a terminal prototype versus a UI prototype?▼

Use a terminal prototype when the question is about logic, state transitions, or data shape. Use a UI prototype when the question is what something should look like. Choosing the wrong branch wastes the entire prototype effort.

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

The validated decision is captured in a commit message, ADR, or NOTES.md, then the prototype is deleted or its logic module is folded into the real codebase. The portable pure logic module may be kept; the TUI shell and losing UI variants are removed.