Use when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.
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
# designlang tokens
Source: https://discord.com
Extracted by designlang v7.0.0 on 2026-06-25T08:27:03.141Z
## Semantic tokens (use these)
- color.action.primary: #5865f2
- color.surface.default: #1a2081
- color.text.body: #000000
- radius.control: 12px
- typography.body.fontFamily: Ggsans
## Regions
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- nav
- pricing
- sidebar
- footer
- nav
- nav
- nav
- nav
- nav
## How to use
- Prefer `semantic.*` tokens over `primitive.*`.
- Never invent new tokens or hex values; reuse the ones above.
- When a value is missing, pick the closest existing semantic token and flag the gap.
- Reference tokens by their dotted path (e.g. `semantic.color.action.primary`).
The line at the top of this page pins the label git:20260625.451fe92, 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_wmswpxxhzw6p3o4s
GET https://markdownregistry.com/api/v1/resolve?ref=manavarya09/design-extract/designlang-tokens
GET https://markdownregistry.com/api/v1/blob/f183045b24d9a2cf612fb2cd1da86ea182244818383cc76df6637ce0dc37d1e9
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.
manavarya09/design-extract · skills/extract-design/SKILL.md · Extract the full design language from any website URL. Produces 8 output files including AI-optimized markdown, visual…
manavarya09/design-extract · website/public/gallery/cal-com/.claude/skills/designlang/SKILL.md · Use when styling UI for cal.com — references the extracted design system tokens instead of inventing colors, spacing…
manavarya09/design-extract · website/public/gallery/cal-com/.cursor/rules/designlang.mdc · Design system extracted from https://cal.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/clerk-com/.claude/skills/designlang/SKILL.md · Use when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing…
manavarya09/design-extract · website/public/gallery/clerk-com/.cursor/rules/designlang.mdc · Design system extracted from https://clerk.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/coinbase-com/.claude/skills/designlang/SKILL.md · Use when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/coinbase-com/.cursor/rules/designlang.mdc · Design system extracted from https://coinbase.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/discord-com/.cursor/rules/designlang.mdc · Design system extracted from https://discord.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/duolingo-com/.claude/skills/designlang/SKILL.md · Use when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/duolingo-com/.cursor/rules/designlang.mdc · Design system extracted from https://duolingo.com — use these tokens, do not invent new ones.
manavarya09/design-extract · website/public/gallery/supabase-com/.claude/skills/designlang/SKILL.md · Use when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/render-com/.claude/skills/designlang/SKILL.md · Use when styling UI for render.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/netflix-com/.claude/skills/designlang/SKILL.md · Use when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/duolingo-com/.claude/skills/designlang/SKILL.md · Use when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/mintlify-com/.claude/skills/designlang/SKILL.md · Use when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/replit-com/.claude/skills/designlang/SKILL.md · Use when styling UI for replit.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/planetscale-com/.claude/skills/designlang/SKILL.md · Use when styling UI for planetscale.com — references the extracted design system tokens instead of inventing colors…
manavarya09/design-extract · website/public/gallery/perplexity-ai/.claude/skills/designlang/SKILL.md · Use when styling UI for perplexity.ai — references the extracted design system tokens instead of inventing colors…