Frontend y UI Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos. Colección curada
Los plugins de diseño que hacen que Codex entregue UI de verdad
OpenAI Codex escribe código que funciona. Por su cuenta recurre a tipografías seguras, espaciados del montón y Helvetica centrada. Estos plugins le dan criterio: skills de estética y reglas de sistema de diseño. Instala uno, o ejecútalos todos dentro de Open Design.
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. 
Frontend y UI Qué hace imagegen-frontend-web Genera una imagen de referencia horizontal por cada sección de la landing page. 
Frontend y UI Qué hace minimalist-ui Crea interfaces editoriales monocromas y cálidas con rejillas bento planas. 
Frontend y UI Qué hace design-taste-frontend Lee el brief, elige una dirección y entrega interfaces que no parecen plantillas. 
Sistemas de diseño Qué hace industrial-brutalist-ui Crea interfaces rígidas de estilo impreso suizo o terminal CRT, con grano analógico. 
Frontend y UI Qué hace redesign-existing-projects Audita un sitio existente y lo mejora sin romper su funcionalidad. 
Sistemas de diseño Qué hace brandkit Genera tableros de guías de marca, sistemas de logotipo y decks de identidad como imágenes. 
Frontend y UI Qué hace high-end-visual-design Bloquea los valores por defecto genéricos de la IA e impone maquetación y movimiento a nivel de agencia. 
Frontend y UI Qué hace pick-ui-library Asocia una tarea de frontend a una única librería recomendada, curada y con criterio. 
Frontend y UI Qué hace apple-design Los principios de interfaz fluida de Apple llevados a springs y gestos web. 
Frontend y UI Qué hace animation-vocabulary Convierte una descripción vaga de movimiento en su término técnico exacto. 
Frontend y UI Qué hace emil-design-eng Las reglas de Emil Kowalski para el timing de animación, el easing y el acabado de componentes. 
Sistemas de diseño Qué hace UI-UX Pro Max · Design Un único punto de entrada que enruta trabajo de logotipo, identidad, slides, banner e iconos. 
Frontend y UI Qué hace UI-UX Pro Max · Banner Design Diseña banners con medidas exactas en HTML, y luego los exporta como PNG. 
Frontend y UI Qué hace UI-UX Pro Max · UI Styling Construye interfaces accesibles con componentes shadcn y utilidades de Tailwind. 
Sistemas de diseño Qué hace UI-UX Pro Max · Brand Mantiene sincronizados las guías de marca, los tokens de diseño y los assets. 
Frontend y UI Qué hace UI-UX Pro Max · Slides Construye decks de presentación en HTML con Chart.js y patrones de maquetación. 
Sistemas de diseño Qué hace UI-UX Pro Max · Design System Tokens de diseño en tres capas, especificaciones de componentes y generación de slides acorde a los tokens. 
Frontend y UI Qué hace design-skills · Editorial Maquetación de revista en serif Gelasio sobre una rejilla estricta de 8pt. 
Frontend y UI Qué hace design-skills · Terracotta Acento arcilla sobre crema, titulares en DM Serif Display, lectura de formato largo. 
Frontend y UI Qué hace design-skills · Dithered Sombreado con patrón de puntos y una paleta limitada para pantallas retro de alto contraste. 
Frontend y UI Qué hace design-skills · Neumorphism Superficies extruidas suaves en gris piedra con tipografía Space Mono. 
Frontend y UI Qué hace design-skills · Bento Rejilla de bloques variados sobre crema, tipografía Inter, escala compacta. 
Frontend y UI Qué hace design-skills · Claymorphism Formas 3D redondeadas y mullidas, titulares en Poppins, azul sobre blanco. 
Frontend y UI Qué hace design-skills · Brutalism Maquetaciones inspiradas en hormigón visto, display Darker Grotesque, rojo y ocre. 
Frontend y UI Qué hace Hallmark Flujo de diseño anti-genérico con 58 puertas y variedad estructural forzada. 
Frontend y UI Qué hace Impeccable Dos docenas de comandos para construir, criticar y refinar interfaces frontend. 
Sistemas de diseño Qué hace Design DNA Extrae un diseño de referencia a JSON estructurado, y luego genera a partir de él. 
Sistemas de diseño Qué hace Material 3 Implementa Material Design 3 de Google en Compose, Flutter y web. 
Frontend y UI Qué hace Details that make interfaces feel better Dieciséis reglas concretas de acabado de UI con una lista de revisión. 
Frontend y UI Qué hace Agent-Native Plans Convierte planes de texto en documentos revisables con wireframes y prototipos. 
Sistemas de diseño Qué hace Kami Compón currículums, white papers, decks y landing pages sobre un único lenguaje de diseño. 
Frontend y UI Qué hace Border Gradients Añade un borde degradado refinado a tarjetas, modales y superficies de hero. 
Frontend y UI Qué hace Masked Reveal Revela titulares palabra por palabra mediante una máscara de overflow al hacer scroll. 
Frontend y UI Qué hace Framed Grid Layout Construye maquetaciones editoriales precisas con marcos finos y corchetes de esquina. 
Frontend y UI Qué hace Container Lines Dibuja líneas guía verticales discretas en los bordes del contenedor de contenido. 
Frontend y UI Qué hace Skeuomorphic UI Da a botones y paneles profundidad táctil con degradados y sombras en capas. 
Sistemas de diseño Qué hace Beautiful Shadows Tres utilidades de sombra de Tailwind listas para usar, con elevación neutra en capas. 
Frontend y UI Qué hace Dither Background Fondo en canvas con dithering Bayer 4x4 visible y píxeles cuadrados. 
Frontend y UI Qué hace WebGL Laser Haz de shader a pantalla completa con núcleo al rojo blanco y niebla teñida con el color de marca. 
Sistemas de diseño Qué hace Mesh Gradient Dark Blue Clean Sistema azul marino casi negro con un campo de malla dentro de una carcasa de hero. 
Frontend y UI Qué hace Cinematic Scroll Storytelling Recetas de Lenis y GSAP ScrollTrigger para landing pages guiadas por el scroll. 
Sistemas de diseño Qué hace Agency Grid Layout Minimal Rejilla editorial de varias columnas con titulares enormes y etiquetas diminutas en mayúsculas. 
Sistemas de diseño Qué hace Glass Dark Mode Clock Superficies oscuras esmeriladas construidas en torno a un dial de calibración circular. 
Frontend y UI Qué hace WebGL 3D Object Una malla de hero iluminada en Three.js con material PBR y sombras reales. 
Frontend y UI Qué hace GSAP Skills Conjunto oficial de animación de GSAP, desde los tweens del core hasta ScrollTrigger y React. 
Frontend y UI Qué hace Animation Review Encuentra, mejora y revisa el movimiento frente a un listón de oficio sénior. Siguiente paso
Sáltate la configuración: diseña con Codex dentro de Open Design
Open Design es el espacio de trabajo de diseño de código abierto y nativo para agentes que envuelve a Codex. Mantiene coherentes tus sistemas, skills y plantillas para que el agente entregue trabajo que es tuyo.