AcademySkillsDiseño y medios

extract-design-system

Equipos de diseño y front-end que necesitan un conjunto inicial de tokens sacado de una web existente.

  • Recomendadonuestra valoración
  • 238estrellas en GitHub
  • MITlicencia
  • hace 36 díasúltima actualización

Úsalo ahora

git clone https://github.com/arvindrk/extract-design-system.git
README.md

Cargando el archivo...

Qué hace

Lee una web pública y extrae sus tokens de diseño: colores, tipografía, espaciados, radios de borde y sombras. Los guarda en un archivo JSON y como variables CSS que sirven de punto de partida en un proyecto local. Funciona como skill para Claude, Cursor y Codex, y también como CLI independiente.

Casos de uso

  1. 01Sacar la paleta de colores de una web de referencia
  2. 02Exportar tipografía y espaciados como variables CSS
  3. 03Empezar un sistema de diseño a partir de una página

Preguntas sobre
extract-design-system.

¿Para qué sirve extract-design-system?

Equipos de diseño y front-end que necesitan un conjunto inicial de tokens sacado de una web existente. Lee una web pública y extrae sus tokens de diseño: colores, tipografía, espaciados, radios de borde y sombras. Los guarda en un archivo JSON y como variables CSS que sirven de punto de partida en un proyecto local. Funciona como skill para Claude, Cursor y Codex, y también como CLI independiente.

¿Cómo instalo extract-design-system?

Ejecuta en tu terminal: git clone https://github.com/arvindrk/extract-design-system.git

¿extract-design-system es de código abierto?

Sí. El código está publicado en GitHub (arvindrk/extract-design-system) con licencia MIT.

¿Es seguro usar extract-design-system?

Superó nuestro análisis automático de robo de credenciales, instrucciones ocultas y comandos de instalación peligrosos. Software de código abierto de terceros. Sabemos AI no lo mantiene. Revisa el código y los permisos antes de conectarlo a datos de la empresa.