← All skills
extract-design-system
80 / 100 · Low risk
Fine to try.
By lev-os/agents (GitHub) · design · 28 stars · scanned at commit b247a6d
Extract design primitives from a public website and generate starter token files for your project.
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 16 places.
Show 13 more
- skills-db/creative/aiuxplayground-extract-design-system/SKILL.md, line 48
npx extract-design-system init - skills-db/creative/aiuxplayground-extract-design-system/references/workflow.md, line 5
0. If Chromium is missing locally, run `npx playwright install chromium` - skills-db/creative/aiuxplayground-extract-design-system/references/workflow.md, line 6
1. `npx extract-design-system <url>` - skills-db/creative/aiuxplayground-extract-design-system/references/workflow.md, line 12
Use `npx extract-design-system <url> --extract-only` when the user wants analysis without starter token files. - skills-db/creative/aiuxplayground-extract-design-system/references/workflow.md, line 14
Use `npx extract-design-system init` only when `.extract-design-system/normalized.json` already exists and the user wants to regenerate token files. - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 78
"text": "npx playwright install chromium" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 87
"text": "npx extract-design-system <url>" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 96
"text": "npx extract-design-system <url> --extract-only" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 105
"text": "npx extract-design-system init" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 784
"text": "npx playwright install chromium" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 788
"text": "npx extract-design-system <url>" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 836
"text": "npx extract-design-system <url> --extract-only" - skills-db/creative/aiuxplayground-extract-design-system/source-ir.json, line 860
"text": "npx extract-design-system init"
Runs commands on your computer
The author does not mention this.
Found in 3 places.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'extract-design-system' ] || [ -L ~/.agents/skills/'extract-design-system' ]; then echo 'A skill folder named extract-design-system already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/lev-os/agents' "$d" && git -C "$d" checkout --quiet 'b247a6df3094b3f2c2780c0f34a9f05925627ffc' -- 'skills-db/creative/aiuxplayground-extract-design-system' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills-db/creative/aiuxplayground-extract-design-system' ~/.agents/skills/'extract-design-system' && 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/'extract-design-system' ~/.claude/skills/'extract-design-system' (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 lev-os/agents shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/lev-os/agents/)
Score history
| Date | Version | Score |
|---|
| 2026-11-13 | b247a6d | 80 |
| 2026-11-07 | 201a805 | 80 |