design-system is agent-read markdown (skill) from akillness/jeo-skills: Define or refactor a shared frontend UI system before polishing one screen at a time. Use when the user needs token governance, visual-language rules, primitive naming, page-system direction, cross-product consistency, or a design handoff that should stay coherent across landing pages, dashboards, forms, and component libraries, including the reusable primitive / slot / variant APIs that system owns. Not for responsive layout-only fixes, accessibility-only remediation, or broad UI critique. Trig.
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
# Design System
Use this skill when the main question is **"what shared UI rules should govern this product or product family before we design or refactor individual screens?"**
This is the repo's **canonical frontend UI-system anchor**.
It should:
1. classify the system problem,
2. choose the right design-system mode,
3. route neighboring frontend work out early,
4. define a compact system packet another human or agent can execute.
Read [references/system-modes.md](references/system-modes.md) before choosing an approach.
Read [references/token-and-governance-checklist.md](references/token-and-governance-checklist.md) before changing shared tokens, primitives, or naming rules.
Read [references/scope-boundaries.md](references/scope-boundaries.md) when deciding whether the work belongs here, `responsive-design`, or `web-accessibility`.
Read [references/design-system-packet-template.md](references/design-system-packet-template.md) before writing the final handoff.
## When to use this skill
- Define or refactor a shared design system for a product, product suite, or app + marketing surface
…
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_6cm4otiu6wmmmafu
GET https://markdownregistry.com/api/v1/resolve?ref=akillness/jeo-skills/design-system
GET https://markdownregistry.com/api/v1/blob/cfaf13c78c8bd60d11bbf70539aa1d3730d6cd33d501e1293f689233866b35d0
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.
akillness/jeo-skills · .agent-skills/academic-research/SKILL.md · Full academic research pipeline from discovery to publication — 4 reference pipelines, 27 modes, 39-agent ensemble…
akillness/jeo-skills · .agent-skills/agent-pulse/SKILL.md · Operate and extend barretlee/agent-pulse, the evidence-backed AI industry intelligence system: inspect source catalog…
akillness/jeo-skills · .agent-skills/agentic-gamedev-skills/SKILL.md · Discover, select, and safely install focused skills from abagames/agentic-gamedev-skills. Use when a user explicitly…
akillness/jeo-skills · .agent-skills/agentic-skills/SKILL.md · Production engineering lifecycle for spec-first, test-driven implementation, review, and staged shipping; use for…
akillness/jeo-skills · .agent-skills/agenticskills/SKILL.md · One-shot installer for the akillness/oh-my-gods agent skill bundle (80+ god-skills) — wraps the official install.sh…
akillness/jeo-skills · .agent-skills/aider-cli-workflow/SKILL.md · Runs a scope-locked, test-backed Aider coding loop with commit hygiene; use for local-repo AI pair-programming on one…
akillness/jeo-skills · .agent-skills/airship/SKILL.md · Drive Airship (`@airshiplabs/cli`), a CLI that puts a visual, pannable design canvas in front of a running dev server…
akillness/jeo-skills · .agent-skills/amrouter/SKILL.md · Self-hosted AI gateway with one OpenAI-compatible endpoint for multi-provider LLM, embedding, image, and audio routing…
akillness/jeo-skills · .agent-skills/animato/SKILL.md · Drive Animato (github.com/otdnnc/Animato) as an API-key agent loop that turns a rigged .fbx/.gltf model plus a…
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…
borghei/claude-skills · markdown-html/design-system/SKILL.md · Design tokens, light/dark theming, and WCAG contrast validation for HTML documents and decks, compiled into one…
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…
