design-prototype SKILL.md skillB

design-prototype from ovich/swarmstorm is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add ovich/swarmstorm/design-prototype@git:20261024.4607d5c

Pins git:20261024.4607d5c in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
ovich/swarmstorm
Path
skills/ui/design-prototype/SKILL.md
Versions recorded
4
Latest version
git:20261024.4607d5c, committed Oct 24, 2026
First version recorded
Sep 30, 2026
Size
6,596 bytes
Repository stars
13
License
MIT

Use before building or changing any screen (a new page, dialog, panel, or a visual rework), to design it first as a prototype in the project's own design language, which the skill extracts from the codebase and writes down once. Not for implementing the screen and not for reviewing its code.

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

# Design a prototype

**Learn the project's design language, propose prototypes in that language, iterate live, hand off to implementation.**

<HARD-GATE>
No component code, no route, no CSS in the app for the screen being designed until a prototype exists, has been rendered in aiview, and the user has approved it. A tiny change gets a tiny prototype (a cropped HTML fragment of the affected region), but it exists and it is approved.
</HARD-GATE>

## Mindset

**Every choice, palette, type, layout, wording, is specific to this product and the people who use it**, never the default any app would get.

- **Native when a language exists.** The product's own tokens, primitives and words; a prototype inherits distinctiveness and does not reopen it.
- **Grounded in the subject.** Who uses the screen, what it is for, what those people already read every day.
- **Pattern-match before inventing.** A sibling screen that solves the same problem gives the shape; deviate only with a stated reason.
- **Density and hierarchy over decoration.** The summary before the detail, state encoded in form (a chip, an opacity, a stripe) and not only in text, semantic colour apart from the accent.
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add ovich/swarmstorm/design-prototype@sha256:3a9c8874179dc516

The line at the top of this page pins the label git:20261024.4607d5c, 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.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_rmwpqzoyi4uetdkw.svg)](https://markdownregistry.com/a/art_rmwpqzoyi4uetdkw)

2 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 4 versions of this file, between Sep 30, 2026 and Oct 24, 2026, about one every 8 days.

versioncommittedcommitsizeaudit
git:20261024.4607d5c latest2026-10-24 4607d5c 6,596 BB view · diff
git:20261007.75cb0452026-10-07 75cb045 6,572 BB view · diff
git:20261004.2af0c4b2026-10-04 2af0c4b 6,584 BB view · diff
git:20260930.1f004232026-09-30 1f00423 6,604 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (6596 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

ovich/swarmstorm · 13 stars · license MIT · pushed 2026-10-31 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_rmwpqzoyi4uetdkw
GET https://markdownregistry.com/api/v1/resolve?ref=ovich/swarmstorm/design-prototype
GET https://markdownregistry.com/api/v1/blob/3a9c8874179dc51634bcb621862ffd604a4aec8edf0e892052f2edd9b3bb24f8

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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from ovich/swarmstorm

AGENTS.md AGENTS.md file
ovich/swarmstorm · AGENTS.md
git:20261029.7ac2702 · audit A · 13 stars
brainstorm SKILL.md skill
ovich/swarmstorm · skills/alignment/brainstorm/SKILL.md · Use when a person wants to think an idea through and keep the discussion: a feature, a tool choice, an architecture…
git:20261024.7900d5e · audit A · 13 stars
brainswarm SKILL.md skill
ovich/swarmstorm · skills/alignment/brainswarm/SKILL.md · Use when a person wants a swarm of role seats to work a topic on the swarm board under a chosen protocol: a brainstorm…
git:20261031.07d1bd8 · audit A · 13 stars
interview SKILL.md skill
ovich/swarmstorm · skills/alignment/interview/SKILL.md · Use when a person says "interview me" or asks to be interviewed about an idea or an existing design document (a board…
git:20261024.7900d5e · audit A · 13 stars
whiteboard-defense SKILL.md skill
ovich/swarmstorm · skills/alignment/whiteboard-defense/SKILL.md · Use when a person wants to be questioned about a system they shipped, says "defend <feature>" or "whiteboard me on…
git:20261024.7900d5e · audit A · 13 stars
complexity-rework SKILL.md skill
ovich/swarmstorm · skills/architecture/complexity-rework/SKILL.md · Use when code is hard to follow and is to be audited or reworked: long if/else or switch chains, cascades of type…
git:20261007.75cb045 · audit A · 13 stars
deepen-module SKILL.md skill
ovich/swarmstorm · skills/architecture/deepen-module/SKILL.md · Use when a person asks to design a new module's interface or to rework an existing module so that it hides much behind…
git:20261024.148caad · audit A · 13 stars
dependency-graph SKILL.md skill
ovich/swarmstorm · skills/architecture/dependency-graph/SKILL.md · Use when a JavaScript or TypeScript project's dependencies must be seen as they are in the code: the whole graph, what…
git:20261007.75cb045 · audit A · 13 stars
write-diagrams SKILL.md skill
ovich/swarmstorm · skills/architecture/write-diagrams/SKILL.md · Use when a document produced in this collection (board, plan, report, analysis, durable doc) could carry a diagram, or…
git:20260930.1f00423 · audit A · 13 stars
aiview SKILL.md skill
ovich/swarmstorm · skills/companions/aiview/SKILL.md · Use whenever a document is produced for the user to read and react to while it evolves: a brainstorm board, a plan, a…
git:20261030.980aac1 · audit A · 13 stars
swarm-board SKILL.md skill
ovich/swarmstorm · skills/companions/swarm-board/SKILL.md · Use when agents run together on the project's swarm board: a plan, a task swarm or a brainswarm, as its orchestrator or…
git:20261031.26f698f · audit A · 13 stars
execute-plan SKILL.md skill
ovich/swarmstorm · skills/execute/execute-plan/SKILL.md · Use when carrying out an implementation plan the person has already approved, whether starting it or resuming it in a…
git:20261024.148caad · audit A · 13 stars

Every file in ovich/swarmstorm

Other files named design-prototype

design-prototype SKILL.md skill
huiliyi37/tianshu-harness · plugins/design/skills/design-prototype/SKILL.md · Frontend UI prototype workflow — clarify intent, explore directions, preview across viewports, diff against references…
git:20260720.5237f6c · audit A · 1,254 stars

Browse by kind, by grade B, or by owner.