← All skills

design-systems

100 / 100 · Low risk

Fine to try.

By nimadorostkar/Claude-Skills-collection (GitHub) · design · 36 stars · scanned at commit 1691932

Use when building or maintaining a component library and design tokens. Covers token architecture, component API design, variants and states, documentation, and governing adoption across a codebase. Trigger on "build a component library", "we have six different button components", "set up design tokens", "what props should this component take". Do not use for dark mode or brand themes — see the theming skill; for critiquing a design, see the ui-review skill.

Works with any agent that supports SKILL.md skills.

What this skill can do

We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-systems' ] || [ -L ~/.agents/skills/'design-systems' ]; then echo 'A skill folder named design-systems already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/nimadorostkar/Claude-Skills-collection' "$d" && git -C "$d" checkout --quiet '1691932edc17063d712a85d02bcc7a1cd3791057' -- 'skills/frontend/design-systems' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/frontend/design-systems' ~/.agents/skills/'design-systems' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-systems' ~/.claude/skills/'design-systems' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for nimadorostkar/Claude-Skills-collection shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/nimadorostkar/Claude-Skills-collection.svg)](https://zalavijaysinh.github.io/skilltrust/repos/nimadorostkar/Claude-Skills-collection/)

Score history