Skip to main content
ClaudeWave
arvindrk avatar
arvindrk

extract-design-system

Ver en GitHub

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI.

Skills67 estrellas9 forksTypeScriptMITActualizado 12d ago
ClaudeWave Trust Score
87/100
Trusted
Passed
  • Open-source license (MIT)
  • Actively maintained (<30d)
  • Clear description
  • Topics declared
Last scanned: 6/11/2026
Install as a Claude Code skill
Method: Clone
Terminal
git clone https://github.com/arvindrk/extract-design-system ~/.claude/skills/extract-design-system
1. Clone the repository into your ~/.claude/skills directory (or copy the skill folder containing SKILL.md).
2. Start a new Claude Code session so the skill registry reloads.
3. Invoke it by name, or let Claude trigger it automatically when the task matches.
💡 If the repo bundles several skills, copy only the folders you need.

1 items en este repositorio

Extract design primitives from a public website and generate starter token files for your project.

Instalar
Casos de uso

Resumen de Skills

README no disponible. Visita el repo en GitHub para la documentación completa.
agent-skillsautomationbrand-auditclaude-code-skillsclaude-skillsclicsscursor-skillsdesign-mddesign-opsdesign-systemdesign-tokensdeveloper-experiencefrontendmcpnodejsplaywrightskills-shtoken-extractorui-audit

Lo que la gente pregunta sobre extract-design-system

¿Qué es arvindrk/extract-design-system?

+

arvindrk/extract-design-system es skills para el ecosistema de Claude AI. Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and standalone CLI. Tiene 67 estrellas en GitHub y se actualizó por última vez 12d ago.

¿Cómo se instala extract-design-system?

+

Puedes instalar extract-design-system clonando el repositorio (https://github.com/arvindrk/extract-design-system) o siguiendo las instrucciones del README en GitHub. ClaudeWave también te ofrece bloques de instalación rápida en esta misma página.

¿Es seguro usar arvindrk/extract-design-system?

+

Nuestro agente de seguridad ha analizado arvindrk/extract-design-system y le ha asignado un Trust Score de 87/100 (tier: Trusted). Revisa el desglose completo de comprobaciones superadas y flags en esta página.

¿Quién mantiene arvindrk/extract-design-system?

+

arvindrk/extract-design-system es mantenido por arvindrk. La última actividad registrada en GitHub es de 12d ago, con 2 issues abiertos.

¿Hay alternativas a extract-design-system?

+

Sí. En ClaudeWave puedes explorar skills similares en /categories/skills, ordenados por popularidad o actividad reciente.

Despliega extract-design-system en tu cloud

Lleva este repo a producción en minutos. Cada plataforma genera su propio entorno con variables de entorno editables.

¿Mantienes este repo? Añade un badge a tu README

Pega el badge en tu README de GitHub para mostrar que está auditado por ClaudeWave. Cada badge enlaza de vuelta a esta página y muestra el Trust Score actual.

Featured on ClaudeWave: arvindrk/extract-design-system
[![Featured on ClaudeWave](https://claudewave.com/api/badge/arvindrk-extract-design-system)](https://claudewave.com/repo/arvindrk-extract-design-system)
<a href="https://claudewave.com/repo/arvindrk-extract-design-system"><img src="https://claudewave.com/api/badge/arvindrk-extract-design-system" alt="Featured on ClaudeWave: arvindrk/extract-design-system" width="320" height="64" /></a>

Más Skills

farion1231
cc-switch
today

A cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io

103.6k6.8kRust
Skillsai-toolsclaude-codeInstall
Egonex-AI
Understand-Anything
today

Graphs that teach > graphs that impress. Turn any code into an interactive knowledge graph you can explore, search, and ask questions about. Works with Claude Code, Codex, Cursor, Copilot, Gemini CLI, and more.

62.9k5.2kTypeScript
Skillsantigravity-skillsbusiness-knowledgeInstall
code-yeongyu
oh-my-openagent
today

omo/lazycodex: The coding agent for tokenmaxxers;the one and only agent harness for complex codebases. For your Codex, for your OpenCode

62.6k5.1kTypeScript
Skillsaiai-agentsInstall
K-Dense-AI
scientific-agent-skills
2d ago

Turn any AI agent into an AI Scientist. The #1 Agent Skills library for science, used by 160,000+ scientists worldwide. 140 ready-to-use skills plus 100+ scientific databases covering biology, chemistry, medicine, and drug discovery. Compatible with Cursor, Claude Code, Codex, Pi, Antigravity, and the open Agent Skills standard.

28.6k2.9kPython
Skillsagent-skillsai-scientistInstall
VoltAgent
awesome-agent-skills
yesterday

A curated collection of 1000+ agent skills from official dev teams and the community, compatible with Claude Code, Codex, Gemini CLI, Cursor, and more.

25.7k2.7k
Skillsagent-skillsai-agentsInstall
JimLiu
baoyu-skills
4d ago

No description provided.

21.9k2.5kTypeScript
Skillsagent-skillsclaude-skillsInstall