Saltar al contenido
Por Leonxlnx

Frontend con criterio de diseño

/taste-skill

/taste-skill es una skill de Claude Code de la sección Web y Diseño. La mantiene Leonxlnx y se publica con licencia MIT. Lee tu briefing, infiere la dirección de diseño y crea landings, portfolios o rediseños que no parecen de plantilla, con auditoría previa en los rediseños.

Descripción del autor (traducida)

Skill de frontend anti-genérico para landing pages, portfolios y rediseños. El agente lee el briefing, infiere la dirección de diseño adecuada y entrega interfaces que no parecen hechas con una plantilla. Usa sistemas de diseño reales cuando aplica, empieza con una auditoría en los rediseños y aplica una comprobación previa estricta.

Úsala cuando

  • Quieres una landing page o un portfolio con dirección de diseño propia
  • Vas a rediseñar una web existente y quieres empezar por una auditoría
  • Tu última web generada con IA parecía de plantilla

No es para

  • Dashboards, tablas de datos o interfaces de producto de varios pasos

Qué obtienes

Código de interfaz para la página, precedido de una línea «Design Read» que resume tipo de página, público y estilo elegido.

Cómo pedírselo

  • Diseña mi portfolio para que no parezca una plantilla genérica
  • Rediseña esta landing page partiendo de una auditoría del diseño actual
  • Necesito una interfaz con dirección de diseño propia, no genérica

Instalar

curl -fsSL https://raw.githubusercontent.com/sgomez-dev/claude-skills/main/install.sh | bash

Tras instalar con el script, escribe /taste-skill. ¿Usas Cursor, Windsurf o Codex? Guías por plataforma

Preguntas sobre esta skill

¿Sirve para dashboards o tablas de datos?
No. La propia skill se limita a landing pages, portfolios y rediseños; excluye dashboards, tablas de datos e interfaces de producto de varios pasos.
¿Qué pasa si mi briefing es ambiguo?
Hace una sola pregunta aclaratoria, y solo cuando las lecturas posibles del diseño difieren de verdad. Si puede deducirlo del contexto, no pregunta y sigue adelante.
¿Puede rediseñar una web que ya tengo?
Sí. Detecta si es un rediseño, audita antes de tocar nada y trata tu logo, colores y tipografía existentes como material de partida.

Demo en camino

↑↓ moverte · Enter abrir · Esc cerrar