Frontend y UI
design-taste-frontend
Lee el brief, elige una dirección y entrega interfaces que no parecen plantillas.
Qué es
Una skill de frontend anti-genérico para landing pages, portfolios y rediseños. Plantea una lectura de diseño, fija los mandos de variación, movimiento y densidad, y luego ejecuta una lista previa larga.
Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, a
Por qué importa para el diseño
- Los briefs de empresa reciben el paquete oficial de sistema de diseño, en vez de un CSS artesanal que solo lo imita.
- La lista previa prohíbe rayas em, eyebrows con numeración de secciones, indicadores de scroll e intenciones de CTA duplicadas.
- Limita la repetición de maquetación, así que ocho secciones usan al menos cuatro familias distintas.
Qué cubre
- Brief inference
- The three dials
- Brief to design system map
- Design engineering directives
- AI tells
- Final pre-flight check
Cómo instalarlo
design-taste-frontend
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/taste-skill/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
El agente plantea una lectura de diseño en una línea antes de escribir cualquier código.
-
Fija tres mandos: variación de diseño, intensidad de movimiento y densidad visual.
-
Cada casilla de la lista previa debe cumplirse, o la página no está terminada.
Todos los plugins de esta colección son gratuitos, de código abierto y enlazan a su fuente original real.
Más en la lista codex-design ↗Más plugins de diseño para Codex
Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. 
Sistemas de diseño Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas. 
Frontend y UI Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente. 
Frontend y UI Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código. Siguiente paso
Diseña con Open Design, sin montar nada
Instálalo tú mismo, o ejecuta toda una capa de diseño curada alrededor de Codex con Open Design. Trae tu propia key: lo que produzcas es tuyo.