prototype

Create throwaway logic or UI prototypes and capture findings in NOTES.md.

16|Updated Jun 6, 2026
One-click install
npx skills add https://github.com/Insik-Han/han-monorepo-template --skill prototype-insik-han
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype
Source: https://github.com/Insik-Han/han-monorepo-template/tree/main/.agents/skills/prototype
Command: npx skills add https://github.com/Insik-Han/han-monorepo-template --skill prototype-insik-han

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Prototype creates throwaway code to flesh out a design question, enabling teams to validate approaches before committing.

Core Features & Use Cases

  • Builds either a logic/state prototype (tiny terminal experience) or UI variation prototypes (several layouts on one route), all switchable from a single route.
  • Encourages rapid exploration, explicit question framing, and quick learning to decide next steps.
  • Real-world use: a designer asks how a state machine should respond to inputs, or which UI layout to adopt, then captures the decision in NOTES.md.

Quick Start

Run the prototype via the project's task runner to start the chosen branch and begin exploring either logic/state prototyping or UI variation exploration.

Frequently Asked Questions about prototype

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

FAQPage Schema
How do I create a throwaway prototype to test a design idea?

You can create a throwaway prototype to test a design idea by running a single startup command that builds either a logic/state terminal experience or UI variation layouts. It requires no persistence or production polish, enabling rapid validation before committing.

What is the best way to explore UI layout variations during early design?

The best way to explore UI layout variations is by generating multiple layouts on a single route. This approach allows you to switch between UI exploration and logic prototyping modes seamlessly to compare designs before making a commitment.

How does state machine prototyping work for testing logic?

State machine prototyping works by creating a tiny terminal experience to test how a state machine responds to inputs. You can explore logic and state transitions rapidly without building out full application persistence or production features.

How do I capture findings and decisions from a design exploration?

You capture findings and decisions from a design exploration by writing them directly to a NOTES.md file. This simple mechanism ensures you record explicit question framing, quick learnings, and the rationale for your next steps.

Do I need any dependencies or database setup to run a throwaway prototype?

You do not need any dependencies or database setup to run a throwaway prototype. The process requires minimal setup with a one-command startup, intentionally avoiding persistence and production polish to focus purely on design exploration.

When should I avoid using throwaway prototypes for design validation?

You should avoid using throwaway prototypes when you need production polish, data persistence, or a deployable application. This approach is strictly for fleshing out design questions and validating approaches before committing to a real implementation.