Skills para agentesDiseño

Taste Skill: el agente diseña la página en vez de promediarla

La página que hace un modelo suele parecerse a la media de todas las que ha visto. Taste Skill cambia esas costumbres por decisiones: un script reparte tres de veinte direcciones estudiadas en 247 webs seleccionadas, el agente elige la que encaja con el cliente, usa imágenes de archivos abiertos con su crédito y revisa el resultado en un navegador real.

101.792estrellas en GitHub · #14

Abrir en GitHub

Instalación

  • skills CLI
    npx skills add Leonxlnx/taste-skill@design-taste-frontend
  • Claude Code plugin
    /plugin marketplace add Leonxlnx/taste-skill
  • Claude Code plugin
    /plugin install taste-skill@taste-skill

Descargar ZIP

Autor
Leonxlnx
Licencia
MIT
Paquete
Una skill
Actualizada
20 de octubre de 2026
Agentes
Claude Code, Codex

Qué hace

  • draw.mjs reparte tres de veinte direcciones y después entrega tipografía, paleta, portada y composición de secciones de la elegida
  • La idea sale del propio tema: el agente apunta de 8 a 12 cosas que solo tiene ese cliente, como su calle, sus materiales o su horario
  • Las imágenes vienen de Wikimedia Commons, Openverse y el Met: dominio público, CC0, CC BY y CC BY-SA, siempre con su crédito
  • inspect.mjs abre la página a tres anchos y la suspende si huele a plantilla; luego el agente corrige los tres fallos principales hasta tres veces
  • Desde la versión 2.1, paneles, vistas de administración y ajustes siguen su propio camino con draw.mjs --app e inspect.mjs --app

Cuándo usarla

  • El cliente dice que su web parece una plantilla o hecha por IA y quiere que tenga carácter
  • Necesitas la landing de una cafetería, un club o un estudio y no hay fotos propias
  • Preparas la web de un producto y quieres que sus capturas parezcan una aplicación que funciona

Pídale al agente

  • Haz una web de una página para una panadería de la calle Mayor que enciende el horno a las cinco
  • Esta página parece genérica: revísala en el navegador y rehaz la portada
  • Diseña un panel de ventas con paneles sobrios y gráficos honestos

Preguntas

¿Cómo se instala Taste Skill?

Con npx skills add y el nombre de instalación design-taste-frontend. En Claude Code también hay plugin: /plugin marketplace add Leonxlnx/taste-skill y después /plugin install taste-skill@taste-skill.

¿Funciona Taste Skill en Codex?

Sí. El README incluye un plugin para Codex con codex plugin marketplace add Leonxlnx/taste-skill y codex plugin add taste-skill@taste-skill; luego hay que abrir otra sesión.

¿Taste Skill necesita una clave de API?

No. No instala nada ni usa claves; la conexión solo hace falta para buscar imágenes en colecciones abiertas.

DiseñoTodas las skills

Escrito a partir del README y el SKILL.md de Leonxlnx/taste-skill. Estrellas a 24 de octubre de 2026.