Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# Prototype
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.
The two branches produce very different artifacts — getting this wrong wastes the whole prototype. If the question is genuinely ambiguous and the user isn't reachable, default to whichever branch better matches the surrounding code (a backend module → logic; a page or component → UI) and state the assumption at the top of the prototype.
## Rules that apply to both
…
The line at the top of this page pins the label git:20260709.5ee8b28, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
GET https://markdownregistry.com/api/v1/artifacts/art_wxcc3lkfj7m7wxny
GET https://markdownregistry.com/api/v1/resolve?ref=asymmetric-al/core/prototype
GET https://markdownregistry.com/api/v1/blob/efa2a92a2f0f8e7d9d0ecb0cfc65ffd5748c73fa3a25fe164e1c8f426938fb52
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
asymmetric-al/core · .agents/skills/accessibility-review/SKILL.md · Audit and fix accessibility in Core UI. Use when changing or reviewing buttons, links, forms, validation, dialogs…
asymmetric-al/core · .agents/skills/agent-browser/SKILL.md · Browser automation CLI for AI agents. Use when the user needs to interact with websites, including navigating pages…
asymmetric-al/core · .agents/skills/agent-email-inbox/SKILL.md · Use when building any system where email content triggers actions — AI agent inboxes, automated support handlers…
asymmetric-al/core · .agents/skills/anim/SKILL.md · Tasteful, subtle web UI animation following Emil Kowalski / animations.dev principles. Use when adding or reviewing…
asymmetric-al/core · .agents/skills/animate/SKILL.md · Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it…
asymmetric-al/core · .agents/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
asymmetric-al/core · .agents/skills/api-design-principles/SKILL.md · Master REST and GraphQL API design principles to build intuitive, scalable, and maintainable APIs that delight…
asymmetric-al/core · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
asymmetric-al/core · .agents/skills/ask-sonner/SKILL.md · Guide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and…
emilkowalski/skills · skills/prototype/SKILL.md · Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip…
plugin87/ux-ui-agent-skills · .claude/skills/prototype/SKILL.md · Move an idea up the fidelity ladder (content-first → wireframe → low-fi → high-fi → code) with a validation plan at…
mxyhi/ok-skills · prototype/SKILL.md · Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model…
tobihagemann/turbo · claude/skills/prototype/SKILL.md · Build a self-contained local prototype at .turbo/prototypes/<slug>.html, drive it, and hand it to the user to settle…
tobihagemann/turbo · codex/skills/prototype/SKILL.md · Build a self-contained local prototype at .turbo/prototypes/<slug>.html, drive it, and hand it to the user to settle…
swingerman/engineer · engineer/skills/prototype/SKILL.md · Use to rough out a working thing fast, zero ceremony, before committing to the pipeline — the prototype IS the spec…
striderza/opencodegamestudios · .agents/skills/prototype/SKILL.md · Rapid prototyping workflow. Skips normal standards to quickly validate a game concept or mechanic. Produces throwaway…
