Colección de Agent Skills y plugins que permiten a los agentes de programación trabajar con proyectos de diseño de Google Stitch mediante el servidor Stitch MCP.
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
Un servidor MCP que permite a agentes de IA aplicar ingeniería inversa a binarios nativos, apps de JavaScript/Electron, ensamblados .NET, sitios web y más, con pruebas para cada hallazgo.
Una colección de habilidades para agentes que reúne conocimientos de animación, diseño e ingeniería de interfaces para ayudar a los agentes de programación con IA a tomar mejores decisiones.
Colección de 69 habilidades de gestión de producto y 42 flujos de trabajo encadenados para Claude Code y Cowork, desde discovery hasta growth.
Interfaz móvil, web y CLI para ejecutar sesiones de Claude Code y Codex desde el teléfono, con sincronización cifrada de extremo a extremo entre dispositivos.
Un navegador para agentes de IA que ejecutan automatizaciones en Spaces aislados mientras tú sigues usando tus propias pestañas y sesiones.