Repolode
Leonxlnx

Leonxlnx/taste-skill

Agent Skills para que los agentes de programación diseñen interfaces distintivas con dirección de arte, fotos reales y comprobaciones visuales en el navegador, en lugar de páginas genéricas de IA.

Estrellas
98,399
Forks
6,677
Issues abiertos
1
Último commit
hace 4 días

¿Qué es?

Taste Skill es un conjunto de Agent Skills para agentes de programación como Claude Code, Codex y Cursor. Su skill predeterminada está pensada para páginas públicas, como páginas de destino, sitios de marketing, portafolios y páginas de productos, y evita los diseños genéricos que suelen generar las herramientas de IA.

La skill predeterminada sigue seis pasos: lee el brief, elige una de varias direcciones de diseño investigadas, adapta el material del cliente a esa dirección, busca fotografías reales en colecciones abiertas e incluye los créditos, comprueba la página en un navegador real en tres anchos y corrige los principales problemas a partir de capturas de pantalla. Necesita Node 22+ y Chrome, Edge o Chromium instalado; no requiere claves de API.

El repositorio también incluye skills para rediseñar proyectos existentes, flujos de trabajo de imagen a código, estilos visuales más sobrios o brutalistas, reglas de Google Stitch y prompts para generar imágenes de composiciones web y móviles, y tableros de marca. Se instalan con la CLI npx skills, mediante un plugin de Claude Code o Codex, o con un clon enlazado simbólicamente.

Funciones clave

  • 01La skill predeterminada elige una dirección de arte entre varias opciones investigadas antes de empezar a construir.
  • 02Busca fotografías reales en colecciones abiertas e incluye los créditos en la página.
  • 03Comprueba las páginas en un navegador real en tres anchos y las rechaza si detecta patrones genéricos.
  • 04Corrige los principales problemas visuales a partir de sus propias capturas de pantalla, hasta en tres rondas.
  • 05Incluye skills independientes para rediseños, imagen a código y estilos minimalistas y brutalistas.
  • 06Se instala con npx skills, mediante plugins de Claude Code o Codex, o con un clon enlazado simbólicamente.

Casos de uso

  • Crear una página de destino pública o un portafolio con una identidad visual distintiva.
  • Rediseñar el diseño, el espaciado y la jerarquía de un sitio web existente.
  • Convertir imágenes de referencia en código frontend que las reproduzca.
  • Dar reglas de diseño más estrictas a un agente de programación para que la interfaz que genere parezca menos una plantilla.

Temas

Preguntas frecuentes

¿Qué es taste-skill?
Agent Skills para que los agentes de programación diseñen interfaces distintivas con dirección de arte, fotos reales y comprobaciones visuales en el navegador, en lugar de páginas genéricas de IA. Taste Skill es un conjunto de Agent Skills para agentes de programación como Claude Code, Codex y Cursor. Su skill predeterminada está pensada para páginas públicas, como páginas de destino, sitios de marketing, portafolios y páginas de productos, y evita los diseños genéricos que suelen generar las herramientas de IA.
¿taste-skill es gratuito? ¿Qué licencia tiene?
taste-skill es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿taste-skill sigue mantenido?
Mantenimiento activo. El último commit de taste-skill fue el 14 oct 2026.
¿Para qué puedo usar taste-skill?
Crear una página de destino pública o un portafolio con una identidad visual distintiva. Rediseñar el diseño, el espaciado y la jerarquía de un sitio web existente. Convertir imágenes de referencia en código frontend que las reproduzca. Dar reglas de diseño más estrictas a un agente de programación para que la interfaz que genere parezca menos una plantilla.
¿Dónde consigo taste-skill?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/Leonxlnx/taste-skill

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados