Home / fusengine / agents · plugins/design-expert/skills/design-system/SKILL.md · GitHub

design-system skillA

design-system is agent-read markdown (skill) from fusengine/agents: Use when starting any design task, before choosing or auditing a color/type/spacing token or writing design-system.md — routing step 1..

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

<objective>
The token-strategy core: OKLCH-only color rules for new tokens, neutral tinting (chroma 0.005-0.015, never pure gray), the accent-commitment levels (restrained/committed/full palette/drenched), the typography scale (ratio, line-height, measure), the 8pt spacing grid, and platform touch-target minimums.

Also defines the canonical output format of `design-system.md` — the file the harness gates on — including its 4 hard requirements (the `## Design Reference` heading, a real inspiration URL, at least one chroma-positive OKLCH token, and the hard-forbidden font exclusions).

This is routing step 1 of `design-method/SKILL.md`: read it before `design-web`, `design-webapp`, `design-ios`, or `design-android`, and before picking or auditing a single color/type/spacing value.
</objective>

<!-- Grounding: grounding-corpus.md §B (thresholds), §H (kept anchors); harness-contract.md invariant #2 (design-system.md format) + #3 (this file's read-path triggers harness phase 1). -->

# Design System — Token Core

Single source for token **strategy** — not values, values live in `references/*.md` and are
read from there, never re-derived here. `design-method/SKILL.md` reads this file
…

Read the whole file at its exact version.

How to install

Latest version
mdr add fusengine/agents/design-system@git:20260729.3b91eed
Exact content
mdr add fusengine/agents/design-system@sha256:c3d51b350bbe62da

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.

Badge

mdr badge

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

1 badge views in 30 days

Versions

versioncommittedcommitsizeaudit
git:20260729.3b91eed latest2026-07-29 3b91eed 7,990 BA view · diff
git:20260717.ed06ff22026-07-17 ed06ff2 7,441 BA view · diff
git:20260716.5b6b1362026-07-16 5b6b136 8,396 BA view · diff
git:20260715.2c1b77f2026-07-15 2c1b77f 7,659 BA view · diff
git:20260712.5cb67e52026-07-12 5cb67e5 6,408 BA view

Audit of the latest version

A  17 of 17 checks passed. Deterministic, no model, same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (7990 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
  • pass: No script tag

Source

GitHub

fusengine/agents · 28 stars · license MIT · pushed 2026-09-24 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_6qolfjq3g5oh2q4m
GET https://markdownregistry.com/api/v1/resolve?ref=fusengine/agents/design-system
GET https://markdownregistry.com/api/v1/blob/c3d51b350bbe62da5d11967839eaf9c06d116ea30215db6ade306dc73f769baa

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.

More from fusengine/agents

agent-creator skill
fusengine/agents · plugins/ai-pilot/skills/agent-creator/SKILL.md · Use when creating expert agents. Generates agent.md with frontmatter, hooks, required sections, and skill references.
git:20260904.5f1d30f · audit A · 28 stars
apex-methodology skill
fusengine/agents · plugins/ai-pilot/skills/apex-methodology/SKILL.md · Use when starting ANY development task -- feature, bug fix, refactor, hotfix (triggers: implement, create, build, fix…
git:20260729.3b91eed · audit A · 28 stars
brainstorming skill
fusengine/agents · plugins/ai-pilot/skills/brainstorming/SKILL.md · Use when creating a feature/component or adding functionality. Fires BEFORE APEX Analyze to refine requirements via…
git:20260904.5f1d30f · audit A · 28 stars
challenge skill
fusengine/agents · plugins/ai-pilot/skills/challenge/SKILL.md · Use before a root-cause, done/verified claim, irreversible action, or 2nd-time fix reaches the owner (APEX or plain…
git:20260729.3b91eed · audit A · 28 stars
code-quality skill
fusengine/agents · plugins/ai-pilot/skills/code-quality/SKILL.md · Use when validating code quality after modifications -- SOLID compliance, DRY duplication, linter errors, architecture…
git:20260729.3b91eed · audit A · 28 stars
elicitation skill
fusengine/agents · plugins/ai-pilot/skills/elicitation/SKILL.md · Use when an expert agent self-reviews and self-corrects code after the Execute phase, before sniper validation…
git:20260729.3b91eed · audit A · 28 stars
exploration skill
fusengine/agents · plugins/ai-pilot/skills/exploration/SKILL.md · Use when exploring an unfamiliar codebase -- architecture analysis, pattern detection, dependency mapping, rapid…
git:20260729.3b91eed · audit A · 28 stars
fuse-browser-usage skill
fusengine/agents · plugins/ai-pilot/skills/fuse-browser-usage/SKILL.md · Use when about to call any mcp__fuse-browser__* tool. Routes fetch/crawl/SERP vs live browser session vs screenshot…
git:20260729.3b91eed · audit A · 28 stars
modularize skill
fusengine/agents · plugins/ai-pilot/skills/modularize/SKILL.md · Use when converting existing code to modular architecture (Laravel, Next.js, React). Triggers: "modularize", "convert…
git:20260729.3b91eed · audit A · 28 stars
pr-summary skill
fusengine/agents · plugins/ai-pilot/skills/pr-summary/SKILL.md · Summarize current pull request with diff, comments, and changed files. Use when reviewing PRs or before merging.
git:20260729.3b91eed · audit A · 28 stars
react-effects-audit skill
fusengine/agents · plugins/ai-pilot/skills/react-effects-audit/SKILL.md · Use when auditing React or Next.js components for unnecessary or unsafe useEffect usage -- detects 9 anti-patterns from…
git:20260729.3b91eed · audit A · 28 stars
research skill
fusengine/agents · plugins/ai-pilot/skills/research/SKILL.md · Use when researching documentation, best practices, or complex technical investigations -- Context7 + Exa + Sequential…
git:20260729.3b91eed · audit A · 28 stars

Every file in fusengine/agents

Other files named design-system

design-system skill
alirezarezvani/claude-skills · .gemini/skills/design-system/SKILL.md
git:20260611.6454532 · audit C · 26,410 stars
design-system skill
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…
git:20260916.e72e404 · audit A · 1,664 stars
design-system skill
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…
git:20260907.ff74919 · audit B · 918 stars
design-system rules
thedaviddias/llms-txt-hub · .cursor/rules/design-system.mdc · UI Best Practices
git:20250224.001a864 · audit A · 906 stars
design-system skill
rampstackco/claude-skills · skills/design-system/SKILL.md · Build or audit a design system including component library, design tokens, naming conventions, contribution model, and…
git:20260810.e5bc675 · audit A · 898 stars
design-system skill
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…
v1.0.0 · audit A · 821 stars
design-system skill
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…
v2.0 · audit A · 47 stars
design-system skill
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…
git:20260917.9d43041 · audit A · 24 stars

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