"design-system-extractor"

Name: "design-system-extractor"
Rating: 1.5 (1 reviews)
Author: cntrout

29.2

"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 14 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

JIRA Management

by SpillwaveSolutions

A comprehensive Claude Code skill for managing JIRA issues, projects, and workflows using the Atlassian MCP server.

100

general› skill use

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 spec...

100

general› skill use

claude-agent-sdk

by varunisrani

| This skill provides comprehensive knowledge for working with the Anthropic Claude Agent SDK. It should be used when building autonomous AI agents, c...

general› skill use

resume-tailoring

by varunr89

Use when creating tailored resumes for job applications - researches company/role, creates optimized templates, conducts branching experience discover...

general› skill use

Agentic Skill Details

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

Agentic Skill Grades →

Browse Category

More general Agentic Skills

Report Security Issue

Found a security vulnerability in this agent skill?