design-system is agent-read markdown (skill) from borghei/claude-skills: Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one inlinable CSS bundle. Use when theming a report or deck, auditing contrast, or fixing dark-mode color drift..
Indexed from public GitHub and served as immutable, content-addressed versions. Install it pinned to an exact SHA-256 with the mdr CLI, and every file is verified against the hash recorded here before it reaches your agent. The deterministic audit below grades the latest version, and the same file always earns the same grade.
What the file says
# Document Design System
The visual layer for HTML documents and slide decks: a token file in, a single
self-contained CSS bundle out, with every color pairing checked against WCAG
before it ships. This is the theming layer for **documents** — type scales,
reading measure, print roles, light/dark surfaces. It is not a product UI
component library; there are no buttons, form states, or component variants here.
## When to use this skill
- **Theming a report or whitepaper** that must render as one self-contained HTML file
- **Building a deck theme** where type must stay legible at projection distance
- **Auditing an existing palette** before a public or regulated publication
- **Diagnosing dark-mode drift** — text that reads fine in light mode and fails in dark
- **Standardizing across documents** so a series of reports looks like one series
- **Answering "does this pass AA?"** with a number instead of an opinion
## Inputs the skill expects
- A design-token JSON file (or the intent to generate one from `assets/sample_tokens.json`)
- Brand colors, if any exist — a hex value and where it came from
…
Pin to a label to follow the author's releases, or to a sha256 to freeze the exact bytes forever. Either way the resolved hash is written to mdr.lock, and mdr install reproduces it on any machine.
GET https://markdownregistry.com/api/v1/artifacts/art_qfcbb6zpvz6cft3h
GET https://markdownregistry.com/api/v1/resolve?ref=borghei/claude-skills/design-system
GET https://markdownregistry.com/api/v1/blob/be923f7ce628bb2b9c761edbb6f9f8ad9bf5a55071b6ecdef5f0be4a5d659aae
Your agent 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.
borghei/claude-skills · .cursor/rules/repo-overview.mdc · What the AI Skills Library is, its structure, and core principles. Apply when reasoning about the repo as a whole.
borghei/claude-skills · business-growth/channel-economics/SKILL.md · Channel economics: design and analyze the financial structure of go-to-market channels. Use when picking a channel mix…
borghei/claude-skills · business-growth/commercial-policy/SKILL.md · Commercial policy: the governance framework defining what terms sales can offer and what triggers approval. Use when…
cbrock84/headcount · plugins/product/skills/design-system/SKILL.md · Builds and maintains the design system a product is assembled from — tokens for color, type, spacing and elevation…
microsoft/power-platform-skills · plugins/mobile-apps/skills/design-system/SKILL.md · Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts…
rampstackco/claude-skills · skills/design-system/SKILL.md · Build or audit a design system including component library, design tokens, naming conventions, contribution model, and…
akillness/jeo-skills · .agent-skills/design-system/SKILL.md · Define or refactor a shared frontend UI system before polishing one screen at a time. Use when the user needs token…
fusengine/agents · plugins/design-expert/skills/design-system/SKILL.md · Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md —…
eugenelim/agent-ready-repo · packs/experience-design/.apm/skills/design-system/SKILL.md · Use when an approved aesthetic direction exists and someone asks how to name and organize semantic tokens, spacing…
