Communitygithub.com

arvindrk/extract-design-system

Extrae primitivas de diseño de un sitio web público y genera archivos de token de inicio para tu proyecto.

¿Qué es extract-design-system?

Esta skill permite a desarrolladores y diseñadores extraer tokens de diseño (colores, tipografía, espaciados, sombras y otros primitivos visuales) de cualquier sitio web público. Simplemente proporciona la URL del sitio, y la herramienta analiza los estilos CSS aplicados y genera archivos de tokens en formatos populares como JSON, YAML o JavaScript. Es especialmente útil para equipos que desean iniciar rápidamente un sistema de diseño o comprender la paleta visual de un sitio de referencia. Compatible con plataformas como Claude Code y otras herramientas de desarrollo, esta skill automatiza un proceso que de otra forma requeriría inspección manual del código fuente, facilitando la creación de sistemas de diseño coherentes y acelerando la migración o estandarización de estilos en proyectos nuevos o existentes.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-system

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace extract-design-system?

Extrae primitivas de diseño de un sitio web público y genera archivos de token de inicio para tu proyecto.

Skills relacionados