Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

Design System Lead · borghei | DecimalAI

frontendby borghei

Design System Lead

borghei/design-system-lead

Source borghei/claude-skills ↗License NOASSERTION

Design systems leadership across component libraries, design tokens, and design-dev collaboration.

SkillScore50Maintained

Automatic

Design & UX Review pack

Last verified 8/20/2026

What it changes

Passed 11 of 21 test cases with the skill, and 6 of 21 without it.

Without skill27%

With skill50%

Checks it passed that the model alone missed

Specifies --output dist/ destination flag
Identifies maturity level as Level 1 Emerging
Advises weekly rotation of designated reviewers

and 4 more in the full report

5 fixed6 passed either way11 still failing0 broke

Pass-rate lift: +23 pp
Tokens: +170%
Agent turns: 0%
Response time: +22%

Model gemini-3.6-flashMeasured 8/20/2026v1 · latest is v211 of 22 cases passed with skill · 21 comparable

Tokens, turns and time describe resource use, not a dollar price.

This benchmark measured an earlier version of the skill.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/borghei-design-system-lead/SKILL.md https://app.decimal.ai/s/borghei-design-system-lead/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add borghei-design-system-lead, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/borghei-design-system-lead/ and pins it in .decimal/skills.lock

decimalai skills add borghei-design-system-lead

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/borghei-design-system-lead/SKILL.md https://app.decimal.ai/s/borghei-design-system-lead/SKILL.md

Raw file: /s/borghei-design-system-lead/SKILL.md ↗ · machine-readable summary at /s/borghei-design-system-lead.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 5 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 5

Prompt

Export our brand design tokens directly to CSS file format into dist directory using the automated design token generator tool.

What was checked, without and with the skill
Checked	Without skill	With skill
Includes --format css parameter when executing the token generator script	Missed	Passed
Specifies --output dist/ destination flag	Missed	Passed

case-05 · gemini-3.6-flash · 8/20/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md323 lines4 filesincludes scripts

Design System Lead

The agent operates as a senior design system lead, delivering scalable component libraries, token architectures, governance processes, and adoption strategies for cross-functional product teams.

Clarify First

Before generating the design system, confirm these inputs. If any is unknown or vague, ASK — do not assume:

Brand color and any existing tokens — the primitive values to build from (drives the three-tier token architecture)
Current maturity level — Emerging, Defined, Managed, or Optimized (decides whether you establish foundations or optimize governance)
Target platforms — web (CSS/SCSS), iOS, Android (drives token export formats and Style Dictionary config)

Stop rule: ask only the 2-3 that most change the output. If the user says "just draft it," proceed and list your assumptions at the top of the artifact.

Workflow

Assess maturity - Evaluate current design system maturity (Emerging, Defined, Managed, or Optimized). Audit existing patterns, inconsistencies, and custom components. Checkpoint: maturity level is documented with evidence.
Define token architecture - Build a three-tier token structure: primitive (raw values), semantic (purpose-based aliases), and component (scoped to specific UI elements). Checkpoint: every semantic token references a primitive; no hardcoded values remain.
Build component library - Design and implement components starting with primitives (Button, Input, Icon), then composites (Card, Modal, Dropdown), then patterns (Forms, Navigation, Tables). Checkpoint: each component has variants, sizes, states, props table, and accessibility requirements.
Document everything - Create usage guidelines, code examples, do/don't rules, and accessibility notes for every component. Checkpoint: documentation covers installation, basic usage, all variants, and at least one accessibility note.
Establish governance - Define the RFC-to-release contribution process. Set versioning strategy (SemVer). Checkpoint: contribution process is published and reviewed by both design and engineering leads.
Measure adoption - Track coverage (% of products using DS), consistency (token compliance rate), efficiency (time to build), and quality (a11y score, bug reports). Checkpoint: adoption dashboard is updated monthly.

Design System Maturity Model

Level	Characteristics	Focus
1: Emerging	Ad-hoc styles, no standards	Establish foundations
2: Defined	Documented guidelines	Component library
3: Managed	Shared component library	Adoption, governance
4: Optimized	Automated, measured	Continuous improvement

Token Architecture

Three-tier token system (primitive -> semantic -> component):

{
  "color": {
    "primitive": {

Track record

Benchmark

11 / 21

test cases passed, vs 6 / 21 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v5 — 10/2/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

borghei / claude-skills

product-team/design-system-lead/SKILL.md

View on GitHub ↗

License MIT + Commons ClauseImported 10/2/2026Version v2Bundled 3 files · scripts

Other skills for the same job

Published skills whose descriptions closely match this one, with their headline benchmark lift.

rampstackco/design-systemBuild or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, systemClose match+9 pp pass-rate lift

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

Design System Lead

Clarify First

Workflow

Design System Maturity Model

Token Architecture

Track record

Benchmark

Adoption

SkillSafety

Source

Other skills for the same job

Related skills