"design-system-extractor"

"Extracts design tokens, components, effects, and brand assets from HTML/CSS and user-provided files. v2.5 adds Brand Site Discovery—automatic search for brand/design‑system hubs (e.g., brand.example.com, /brand, /brand-guidelines) and merges their tokens, CSS, and assets with provenance."

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →

Claude Code (CLI) Fast

skilz install cntrout/skills/"design-system-extractor"

OpenCode (CLI) Fast

skilz install cntrout/skills/"design-system-extractor" --agent opencode

OpenAI Codex (CLI) Native

skilz install cntrout/skills/"design-system-extractor" --agent codex

Gemini CLI (Project) Project

skilz install cntrout/skills/"design-system-extractor" --agent gemini

First time? Install Skilz: pip install skilz

Works with 22+ AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents

For Claude Desktop Easy

Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

Manual Installation

1. Clone the repository:

git clone https://github.com/cntrout/skills

2. Copy the agent skill directory:

cp -r skills/design-system-extractor-skill-v2.5.2 ~/.claude/skills/

View on GitHub

Need detailed installation help? Check our platform-specific guides:

Claude Desktop Guide Claude Code Guide Troubleshooting

Related Agentic Skills

sdd

by SpillwaveSolutions

This skill should be used when users want guidance on Spec-Driven Development methodology using GitHub's Spec-Kit. Guide users through executable s...

100

general

Marketplace

sdd

by SpillwaveSolutions

This skill should be used when users want guidance on Spec-Driven Development methodology using GitHub's Spec-Kit. Guide users through executable s...

100

general

Marketplace

dashboard-creator

by I-Onlabs

Create HTML dashboards with KPI metric cards, bar/pie/line charts, progress indicators, and data visualizations. Use when users request dashboards,...

general

Marketplace

dispatching-parallel-agents

by I-Onlabs

Use when facing 2+ independent tasks that can be worked on without shared state or sequential dependencies

general

Marketplace

Agentic Skill Details

Owner: cntrout (GitHub)
Repository: skills
Type: Non-Technical
Meta-Domain: general
Primary Domain: general
Sub-Domain: github skill use
Market Score: 29

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?