Tastemaker es una habilidad de flujo de trabajo para agentes de programación que convierte el contexto del producto y referencias visuales en pantallas, recursos, sistemas de color con contraste verificado y decisiones de diseño locales.
Tastemaker es una habilidad de flujo de trabajo para agentes de programación que les ayuda a crear interfaces con un sistema visual más coherente. Toma el contexto del producto y material de referencia, y lo convierte en pantallas, recursos, comprobaciones y decisiones de diseño registradas que el agente puede reutilizar en trabajos posteriores.
En lugar de pedirle al agente que «tenga mejor gusto», el producto se centra en pasos concretos: delimitar las pantallas, fundamentar la paleta, verificar el contraste, reunir los recursos, crear la interfaz y guardar las decisiones localmente. La página de inicio lo presenta para agentes como Claude Code, Windsurf y Gemini CLI, con resultados que permanecen junto al proyecto en lugar de depender de un servicio alojado.
El flujo de trabajo comienza delimitando las pantallas a partir del briefing del producto antes de tomar decisiones sobre color o tipografía, para que el sistema de diseño parta de la estructura y no de suposiciones.
Puede leer píxeles de referencia de imágenes de origen o generar una paleta nueva para el ambiente del proyecto, y después comprueba todas las combinaciones de colores permitidas mediante cálculos de contraste.
Tastemaker produce un conjunto coherente de recursos: iconos, imágenes cuando son necesarias, un logotipo construido y favicons, en lugar de marcadores de emoji o sistemas visuales incompletos.
La misma pasada puede producir maquetas de UI, flujos, gráficos, estados de antes y después, y movimiento con GSAP, de modo que la pantalla se construye como evidencia y no como texto descriptivo.
Las preferencias resueltas del proyecto se conservan en archivos locales, y las decisiones de desarrollo se trasladan como un perfil para trabajos posteriores.
El sitio muestra un modelo de resultados basado en archivos de texto plano que utiliza Markdown, Python, SVG, CSS y JavaScript, lo que facilita inspeccionar el resultado en el repositorio.
Úsalo cuando quieras que un agente de programación produzca una página de aterrizaje con una paleta coherente, una combinación tipográfica adecuada, iconos reales y movimiento, en lugar de un primer borrador genérico.
Úsalo para estructuras de productos o aplicaciones que necesiten estados vacío, de carga y con contenido, creados a partir de un sistema visual coherente.
Úsalo cuando una imagen de referencia, un moodboard o una dirección de marca existente deba convertirse en tokens y recursos reales a partir de los cuales pueda trabajar el agente.
Úsalo para trabajos comparativos en los que quieras examinar cómo se comporta el mismo prompt antes y después de instalar la habilidad.
Úsalo cuando un proyecto necesite memoria de estilo local para que las pantallas posteriores mantengan las mismas decisiones visuales en lugar de desviarse entre sesiones.
Tastemaker se instala en un flujo de trabajo de un agente de programación con un comando como `npx skills add codeswithroh/tastemaker`. La página de inicio también indica que puede activarse cuando pides a tu agente que cree, aplique estilos o mejore una UI, sin una frase especial ni una API alojada.
Está diseñado para agentes de programación como Claude Code, Windsurf y Gemini CLI. La página de inicio también menciona un marketplace de plugins de Claude Code y una vía de instalación manual.
La fuente muestra un núcleo gratuito y Aesthetic Modes exclusivos para patrocinadores, disponibles por 8 $ al mes. El sitio no dispone de una página de precios independiente.
El flujo de trabajo produce archivos y recursos concretos del proyecto, como `.tastemaker/style-lock.md`, `decisions.log`, `profile.md`, `design/assets` y archivos de implementación para las pantallas reales.
Está orientado a trabajos de UI como páginas de aterrizaje, estructuras de aplicaciones, pantallas de productos y comparaciones en las que el agente necesita elementos visuales basados en referencias, contraste de color verificado, recursos y movimiento.
Los datos de tráfico son solo como referencia.
pixelcrew.ai
Flujo de trabajo de diseño con IA que coordina agentes especializados para transformar un briefing en investigación, dirección creativa, wireframes UX, copy, recursos de sistema de diseño, documentación de QA y HTML/Tailwind listo para producción.
impeccable.style
Una habilidad de diseño para asistentes de programación con IA que mejora los flujos de trabajo de diseño frontend mediante configuración estructurada, edición basada en comandos e iteración en vivo desde el navegador.
magicpath.ai
MagicPath es un lienzo de diseño compartido para personas y agentes. Ayuda a los equipos a crear, perfeccionar y explorar ideas de producto juntos con IA, colaboración en tiempo real y traspaso al código en un solo espacio de trabajo.
ludo.ai
Plataforma de IA para investigar, diseñar y preproducir videojuegos, con generación de conceptos, recursos y prototipos ligeros en un único espacio de trabajo.
getprojekt.com
Entorno visual para ingenieros de diseño que combina agentes de programación con IA, vista previa en vivo y edición integrada. Actualmente en alfa para macOS, con descarga gratuita y un nivel limitado para fundadores.
uxpin.com
UXPin es una herramienta de diseño de interfaces y prototipado para equipos que necesitan componentes respaldados por código, interacciones realistas y una transición fluida del diseño al desarrollo en un solo flujo de trabajo.
