home / Design / Prototype Skill by @sickn33

Prototype Skill by @sickn33

FREE

github stars★ 48,690updatedOct 2026repo@sickn33

activity (commits, last 6 months)

6mo ago0

this month1

$git clone https://github.com/sickn33/agentic-awesome-skills

The skill is the skills/prototype folder inside that repository. Copy it into the folder your agent loads skills from; check your agent's documentation for where that is.

about Prototype Skill by @sickn33

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions.

our take

Builds a throwaway prototype to flesh out a design: either a runnable terminal app for state and business-logic questions, or several very different UI variations switchable from one route.

when to use it

You want to compare UI directions before committing
You need to test business logic without building the whole app
You want a disposable experiment, not production code

before you install

Prototypes are meant to be thrown away, so do not ship them
Decide in advance what question the prototype must answer

what's inside

The original SKILL.md is organised into these sections:

When to Use
Pick a branch
Rules that apply to both
When done
Limitations

source and license

Written and maintained by @sickn33. It is published under the MIT license, which allows reuse with attribution. SkillDirectory does not claim authorship: this page adds our own review and links back to the original, and the skill's text belongs to its author.

View the full SKILL.md on GitHub ↗

Read the opening of the original SKILL.md

# Prototype

## When to Use

Use when this workflow matches the user request: Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.


_Source: [mattpocock/skills](https://github.com/mattpocock/skills) (MIT)._

A prototype is **throwaway code that answers a question**. The question decides the shape.

## Pick a branch

Identify which question is being answered — from the user's prompt, the surrounding code, or by asking if the user is around:

- **"Does this logic / state model feel right?"** → [LOGIC.md](LOGIC.md). Build a tiny interactive terminal app that pushes the state machine through cases that are hard to reason about on paper.
- **"What should this look like?"** → [UI.md](UI.md). Generate several radically different UI variations on a single route, switchable via a URL search param and a floating bottom bar.
…

Excerpt only, quoted from the author's repository. Open the repository for the complete file.

↓ download .zip