design-tokens SKILL.md skillA

design-tokens from aboudjem/ui-ux-suite is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add aboudjem/ui-ux-suite/design-tokens@git:20260902.f0e063c

Pins git:20260902.f0e063c in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
aboudjem/ui-ux-suite
Path
skills/design-tokens/SKILL.md
Versions recorded
2
Latest version
git:20260902.f0e063c, committed Sep 2, 2026
First version recorded
Apr 17, 2026
Size
1,510 bytes
Repository stars
7
License
MIT

Generate or improve a complete design token system covering color, typography, spacing, radius, shadows, and motion. Use when the user asks for design tokens, to generate tokens, or to build a token system.

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-tokens: Generate Design Token System

Generate a complete design token system for the project.

## Usage
```
/design-tokens                    # Auto-detect brand color, generate full system
/design-tokens #3b82f6            # Generate from specific brand color
/design-tokens --format tailwind  # Output as Tailwind config
/design-tokens --format css-vars  # Output as CSS custom properties
/design-tokens --format json      # Output as JSON tokens
```

## Flow

1. Read existing tokens/theme (if any)
2. Determine brand color (from existing or user input)
3. Generate complete token system with `uiux_generate_tokens`:
   - **Color**: primary, secondary, neutral (11 steps), semantic (success/error/warning/info), surfaces (light + dark)
   - **Typography**: font, scale (8 steps), line heights, weights
   - **Spacing**: 4px base scale (16 steps)
   - **Border radius**: 4 steps (sm, md, lg, full)
   - **Shadows**: 3 levels (sm, md, lg)
   - **Motion**: duration + easing tokens
4. Output in requested format

## Output Formats

- **css-vars**: `:root { --color-primary: ...; }` with dark mode media query
- **tailwind**: `tailwind.config.js` theme extension
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add aboudjem/ui-ux-suite/design-tokens@sha256:78029968afa3d12d

The line at the top of this page pins the label git:20260902.f0e063c, 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.

Badge

mdr badge

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

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 2 versions of this file, between Apr 17, 2026 and Sep 2, 2026, about one every 138 days.

versioncommittedcommitsizeaudit
git:20260902.f0e063c latest2026-09-02 f0e063c 1,510 BA view · diff
git:20260417.f3a11082026-04-17 f3a1108 1,469 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the 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 (1510 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

aboudjem/ui-ux-suite · 7 stars · license MIT · pushed 2026-09-06 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_e44mnuob3wfmeell
GET https://markdownregistry.com/api/v1/resolve?ref=aboudjem/ui-ux-suite/design-tokens
GET https://markdownregistry.com/api/v1/blob/78029968afa3d12d8f75808af5a274e5b154dbbda8140a9286cb0226556dcf48

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.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from aboudjem/ui-ux-suite

AGENTS.md AGENTS.md file
aboudjem/ui-ux-suite · AGENTS.md
git:20260902.8266fe6 · audit A · 7 stars
CLAUDE.md CLAUDE.md file
aboudjem/ui-ux-suite · CLAUDE.md
git:20260902.8266fe6 · audit A · 7 stars
llms.txt llms.txt file
aboudjem/ui-ux-suite · llms.txt
git:20260529.80302bd · audit A · 7 stars
a11y-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/a11y-audit/SKILL.md · Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, and touch targets. Use when the user…
git:20260902.f0e063c · audit A · 7 stars
color-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/color-audit/SKILL.md · Color-only audit that extracts, evaluates, and recommends improvements for the project's color system. Use when the…
git:20260902.f0e063c · audit A · 7 stars
component-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/component-audit/SKILL.md · Component consistency audit covering state coverage, hierarchy, and patterns. Use when the user asks for a component…
git:20260902.f0e063c · audit A · 7 stars
design-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/design-audit/SKILL.md · Full project design audit that orchestrates all agents, scores across 12 dimensions, and generates a prioritized action…
git:20260902.f0e063c · audit A · 7 stars
design-checklist SKILL.md skill
aboudjem/ui-ux-suite · skills/design-checklist/SKILL.md · Interactive pre-launch design quality checklist. Use when the user asks for a design checklist, a launch checklist, or…
git:20260902.f0e063c · audit A · 7 stars
design-compare SKILL.md skill
aboudjem/ui-ux-suite · skills/design-compare/SKILL.md · Compare the current design against a reference product or competitor. Use when the user asks to compare designs, run a…
git:20260902.f0e063c · audit A · 7 stars
design-score SKILL.md skill
aboudjem/ui-ux-suite · skills/design-score/SKILL.md · Quick design score card covering 12 dimensions with the top 5 improvements, in under 2 minutes. Use when the user asks…
git:20260902.f0e063c · audit A · 7 stars
flow-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/flow-audit/SKILL.md · User flow and navigation audit covering information architecture, onboarding, and error states. Use when the user asks…
git:20260902.f0e063c · audit A · 7 stars
layout-audit SKILL.md skill
aboudjem/ui-ux-suite · skills/layout-audit/SKILL.md · Layout and spacing audit covering grid, spacing consistency, density, and responsive behavior. Use when the user asks…
git:20260902.f0e063c · audit A · 7 stars

Every file in aboudjem/ui-ux-suite

Other files named design-tokens

design-tokens SKILL.md skill
plugin87/ux-ui-agent-skills · .claude/skills/design-tokens/SKILL.md · Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic →…
git:20261006.5751441 · audit A · 2,665 stars
design-tokens SKILL.md skill
nguyenthienthanh/aura-frog · aura-frog/skills/design-tokens/SKILL.md · Generate a cohesive color-token system from ONE OKLCH brand hue — primary/secondary/background/foreground/muted/border…
git:20260717.c6df55c · audit A · 25 stars
design-tokens SKILL.md skill
event4u-app/agent-config · src/skills/design-tokens/SKILL.md · Author a 3-layer DTCG token system (primitive → semantic → component) with light/dark theming; generate CSS vars +…
git:20261017.debb26d · audit A · 12 stars

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