Enviar herramienta

design-extract

Extrae el sistema de diseño de un sitio, puntúa lo genérico que se ve y comprueba la UI contra él.

Gratis Diseño y creatividad ★ 4883
Ver en GitHub →
#137 de 289 repos de skills
4.9k Estrellas de GitHub
Manavarya09 autor

// acerca de

designlang extrae tokens, la configuración de Tailwind, archivos de shadcn y Figma y un DESIGN.md de cualquier URL. También mide patrones de maquetación, el comportamiento responsive en cuatro puntos de ruptura, estados hover y focus, el contraste WCAG y la deriva respecto a una fuente en vivo. Un comando slop puntúa sobre 100 lo genérico que se ve un sitio, y verify-ui comprueba si sigue la marca.

// cómo instalarlo
Run npx designlang https://stripe.com to extract everything, or use the Claude Code plugin.
// funciona con Claude CodeCursor