prototype

Build throwaway terminal or UI prototypes to validate logic and design questions.

1|Updated Mar 2, 2026
One-click install
npx skills add https://github.com/mst-software-vn/mst-checkscam --skill prototype-mst-software-vn
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/mst-software-vn/mst-checkscam/tree/main/.claude/skills/prototype
Command: npx skills add https://github.com/mst-software-vn/mst-checkscam --skill prototype-mst-software-vn

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design and business-logic decisions often look reasonable on paper but break down under real cases. This Skill builds throwaway, runnable prototypes that let you press buttons, flip between UI variants, and discover flaws in an idea before committing to production code. ## Core Features & Use Cases - Logic Prototypes: Build a small interactive terminal app with a pure, portable state module (reducer, state machine, or pure functions) to test state transitions and edge cases by hand. - UI Prototypes: Generate 3-5 radically different UI variants on a single route, switchable via a ?variant= URL param and a floating bottom bar with arrow-key navigation. - Use Case: Before building a checkout flow, spin up a terminal prototype of the order state machine to confirm that cancel-after-payment behaves correctly, or render three dashboard layouts side by side and pick one. ## Quick Start Ask the assistant to prototype the state transitions of your checkout flow as an interactive terminal app you can drive by hand.

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 terminal app where the state logic lives in a pure reducer or state machine module with no I/O, and a thin TUI shell renders the current state and keyboard shortcuts each tick. Drive it by hand through edge cases, then lift the validated module into the real codebase.

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

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 that cycles variants via the router, so each option is shareable and reload-stable.

Should a prototype connect to the real database?▼

No. Prototypes should keep state in memory unless the question being answered is specifically about persistence. If a database is required, use a scratch database or local file clearly marked as disposable.

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

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, comparing structurally different layouts.

What are the limitations of prototype code?▼

Prototype code skips tests, error handling, and abstractions by design, so it must never ship directly to production. Once it answers its question, either delete it or rewrite the validated decision properly in the real module.