Use when starting UI work, defining palettes or tokens, fixing AI-generic UI, or persisting a design system to DESIGN.md (modes: implement, persist). Not for live URLs: use web-design-review.
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
## Contract
| Field | Bound contract |
|---|---|
| Trigger | Starting UI work, defining palettes or design tokens, correcting AI-generic, vibe-coded, or default-framework design, or persisting an approved design system to DESIGN.md. |
| Authority | Reversible local: writes only local UI direction, token, and implementation artifacts; persist mode also writes DESIGN.md, CLAUDE.md pointers, and preview artifacts. Rollback is version control. No remote mutation. |
| Side effect | Local writes to the picked mode's artifacts only, bounded to the current project directory. |
| Done | Implement mode: one defensible direction is implemented consistently across palette, typography, spacing, density, and motion, and the audit passes clean. Persist mode: an approved design system is persisted in DESIGN.md. |
## Inputs
- Mode: `implement` (direction and token implementation) or `persist` (propose, preview, and persist an approved system to DESIGN.md). Required; default `implement` when unstated.
- The surface being designed (landing, dashboard, settings, docs, one-screen tool, TUI, CLI, desktop app). Required.
…
The line at the top of this page pins the label git:20260905.1f63894, 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_ma2xhqsuyidfhx5a
GET https://markdownregistry.com/api/v1/resolve?ref=outlinedriven/outline-driven-development/design
GET https://markdownregistry.com/api/v1/blob/8f4532f001f742ed84f545bd5e7288237db8b8e045f9deec63872a27fd89e6a9
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.
outlinedriven/outline-driven-development · .devin/skills/abi-and-calling-conventions/SKILL.md · Use when explaining System V AMD64, ARM AAPCS, RISC-V psABI, stack frames, variadic calls, or FFI register rules. Not…
outlinedriven/outline-driven-development · .devin/skills/abstract-well/SKILL.md · Use when the user wants to classify abstractions as useful, bad, or busy and keep one shallow level. Not for tasks…
outlinedriven/outline-driven-development · .devin/skills/adc-dac-baremetal/SKILL.md · Use when configuring ADC sampling time, DMA-driven ADC, calibration, or DAC channel setup on bare-metal MCUs. Not for…
outlinedriven/outline-driven-development · .devin/skills/address-sanitizer/SKILL.md · Use when building or running native code under AddressSanitizer, interpreting an existing ASan report, or debugging a…
outlinedriven/outline-driven-development · .devin/skills/af-xdp/SKILL.md · Use when creating AF_XDP sockets, configuring UMEM and XSK rings, writing an XDP redirect program, or choosing copy…
outlinedriven/outline-driven-development · .devin/skills/agent-environment-retrospective/SKILL.md · Use when a completed session needs an agent-environment retrospective. Not for an engineering retrospective from…
outlinedriven/outline-driven-development · .devin/skills/agent-surface-forge/SKILL.md · Use when asked to audit or repair agent surfaces (plugins, agents, skills, CLAUDE.md/AGENTS.md, docs, prompts…
outlinedriven/outline-driven-development · .devin/skills/agent-transcript/SKILL.md · Use when a redacted, trimmed agent transcript must be appended to a GitHub PR or issue body, with human approval and…
outlinedriven/outline-driven-development · .devin/skills/agents-md/SKILL.md · Use when a repo needs agent setup, AGENTS.md added or made lean, CLAUDE.md audited, or agent instructions scored or…
outlinedriven/outline-driven-development · .devin/skills/ai-collab-protocols/SKILL.md · Use when the user describes an AI workflow gap or uses an ambiguous cross-session reference such as ''the PR Bob…
outlinedriven/outline-driven-development · .devin/skills/all-scenarios-storm/SKILL.md · Use when a user wants to enumerate plausible designs, configurations, scenarios, and paths and diagram the field before…
outlinedriven/outline-driven-development · .devin/skills/analysis-artifacts/SKILL.md · Use when the user requests a deep dive, exploratory analysis, or data analysis on BigQuery. Not for credential…
jeremylongshore/tons-of-skills-marketplace · plugins/ai-agency/hyperflow/skills/design/SKILL.md · Use when the user wants the visual/experiential design of a product done systematically — a design system, a screen, a…
sethgammon/citadel · skills/design/SKILL.md · Generates and maintains a design manifest for visual consistency. In existing projects, reads current styles and…
ericrisco/rsc-harness · skills/design/SKILL.md · Use when designing, redesigning, restyling or reviewing a web page or app screen (landing, product site, portfolio…
adityaraj0421/naksha-studio · skills/design/SKILL.md · Assembles a virtual design team to produce production-quality UI, UX, visual, social media, email, and data output. A…