Communitygithub.com

lamwon/taste-skill

Habilidad de Claude Code para realizar ingeniería inversa del diseño de cualquier sitio web, extrayendo tokens de diseño concretos y compensaciones con opinión.

¿Qué es taste-skill?

Esta habilidad de Claude Code permite analizar y extraer sistemáticamente los principios de diseño de cualquier sitio web, identificando no solo tokens de diseño concretos (como paletas de colores, tipografías, espaciados, y sistemas de animación), sino también las compensaciones y decisiones de diseño con opinión detrás de ellos. Es útil para desarrolladores y diseñadores que desean comprender la filosofía visual de un sitio web competidor o inspirarse en patrones de diseño exitosos. Funciona directamente en el entorno de Claude Code, permitiendo al agente analizar el código fuente de un sitio (ya sea proporcionando una URL, un archivo CSS, o un componente) y generar un informe estructurado con los tokens extraídos, las justificaciones de diseño, y las compensaciones identificadas. La habilidad se basa en el análisis del código de estilo, el DOM y las convenciones de nomenclatura para inferir el sistema de diseño subyacente.

Compatible con✓Claude Code~Codex CLI~Cursor
npx skills add lamwon/taste-skill

Preguntar en tu IA favorita

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

Documentación

¿Qué hace taste-skill?

Realiza ingeniería inversa del diseño de cualquier sitio web: una habilidad de Claude Code que extrae tokens de diseño concretos y compensaciones con opinión.

Skills relacionados