106.9K+Descargar

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 OpenDesign.

Descargar OpenDesign Dar una estrella a la lista

Frontend y UI Anula las decisiones estéticas por defecto de Codex antes de escribir una sola línea.
Sistemas de diseño Convierte tus tokens y componentes en reglas que Codex sigue en lugar de improvisar.

Leonxlnx Plugin

Qué hace gpt-taste Crea landing pages de estilo premiado con movimiento de scroll GSAP y rejillas bento sin huecos.

Sistemas de diseño

Leonxlnx Plugin

Qué hace Stitch Design Taste Escribe un DESIGN.md que orienta a Google Stitch hacia pantallas que no son genéricas.

Leonxlnx Plugin

Qué hace image-to-code Primero genera imágenes de diseño, las analiza y luego construye el código frontend correspondiente.

Leonxlnx Plugin

Qué hace imagegen-frontend-mobile Genera flujos de pantallas de apps móviles premium como imágenes, no como código.

Leonxlnx Plugin

Qué hace imagegen-frontend-web Genera una imagen de referencia horizontal por cada sección de la landing page.

Leonxlnx Plugin

Qué hace minimalist-ui Crea interfaces editoriales monocromas y cálidas con rejillas bento planas.

Leonxlnx Plugin

Qué hace design-taste-frontend Lee el brief, elige una dirección y entrega interfaces que no parecen plantillas.

Sistemas de diseño

Leonxlnx Plugin

Qué hace industrial-brutalist-ui Crea interfaces rígidas de estilo impreso suizo o terminal CRT, con grano analógico.

Leonxlnx Plugin

Qué hace redesign-existing-projects Audita un sitio existente y lo mejora sin romper su funcionalidad.

Sistemas de diseño

Leonxlnx Plugin

Qué hace brandkit Genera tableros de guías de marca, sistemas de logotipo y decks de identidad como imágenes.

Leonxlnx Plugin

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.

emilkowalski Plugin

Qué hace pick-ui-library Asocia una tarea de frontend a una única librería recomendada, curada y con criterio.

emilkowalski Plugin

Qué hace apple-design Los principios de interfaz fluida de Apple llevados a springs y gestos web.

emilkowalski Plugin

Qué hace animation-vocabulary Convierte una descripción vaga de movimiento en su término técnico exacto.

emilkowalski Plugin

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

nextlevelbuilder Plugin

Qué hace UI-UX Pro Max · Design Un único punto de entrada que enruta trabajo de logotipo, identidad, slides, banner e iconos.

nextlevelbuilder Plugin

Qué hace UI-UX Pro Max · Banner Design Diseña banners con medidas exactas en HTML, y luego los exporta como PNG.

nextlevelbuilder Plugin

Qué hace UI-UX Pro Max · UI Styling Construye interfaces accesibles con componentes shadcn y utilidades de Tailwind.

Sistemas de diseño

nextlevelbuilder Plugin

Qué hace UI-UX Pro Max · Brand Mantiene sincronizados las guías de marca, los tokens de diseño y los assets.

nextlevelbuilder Plugin

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

nextlevelbuilder Plugin

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.

bergside Plugin

Qué hace design-skills · Editorial Maquetación de revista en serif Gelasio sobre una rejilla estricta de 8pt.

bergside Plugin

Qué hace design-skills · Terracotta Acento arcilla sobre crema, titulares en DM Serif Display, lectura de formato largo.

bergside Plugin

Qué hace design-skills · Dithered Sombreado con patrón de puntos y una paleta limitada para pantallas retro de alto contraste.

bergside Plugin

Qué hace design-skills · Neumorphism Superficies extruidas suaves en gris piedra con tipografía Space Mono.

bergside Plugin

Qué hace design-skills · Bento Rejilla de bloques variados sobre crema, tipografía Inter, escala compacta.

bergside Plugin

Qué hace design-skills · Claymorphism Formas 3D redondeadas y mullidas, titulares en Poppins, azul sobre blanco.

bergside Plugin

Qué hace design-skills · Brutalism Maquetaciones inspiradas en hormigón visto, display Darker Grotesque, rojo y ocre.

Nutlope Plugin

Qué hace Hallmark Flujo de diseño anti-genérico con 58 puertas y variedad estructural forzada.

pbakaus Plugin

Qué hace Impeccable Dos docenas de comandos para construir, criticar y refinar interfaces frontend.

Sistemas de diseño

zanwei Plugin

Qué hace Design DNA Extrae un diseño de referencia a JSON estructurado, y luego genera a partir de él.

Sistemas de diseño

hamen Plugin

Qué hace Material 3 Implementa Material Design 3 de Google en Compose, Flutter y web.

jakubkrehel Plugin

Qué hace Details that make interfaces feel better Dieciséis reglas concretas de acabado de UI con una lista de revisión.

BuilderIO Plugin

Qué hace Agent-Native Plans Convierte planes de texto en documentos revisables con wireframes y prototipos.

Sistemas de diseño

tw93 Plugin

Qué hace Kami Compón currículums, white papers, decks y landing pages sobre un único lenguaje de diseño.

MengTo Plugin

Qué hace Border Gradients Añade un borde degradado refinado a tarjetas, modales y superficies de hero.

MengTo Plugin

Qué hace Masked Reveal Revela titulares palabra por palabra mediante una máscara de overflow al hacer scroll.

MengTo Plugin

Qué hace Framed Grid Layout Construye maquetaciones editoriales precisas con marcos finos y corchetes de esquina.

MengTo Plugin

Qué hace Container Lines Dibuja líneas guía verticales discretas en los bordes del contenedor de contenido.

MengTo Plugin

Qué hace Skeuomorphic UI Da a botones y paneles profundidad táctil con degradados y sombras en capas.

Sistemas de diseño

MengTo Plugin

Qué hace Beautiful Shadows Tres utilidades de sombra de Tailwind listas para usar, con elevación neutra en capas.

MengTo Plugin

Qué hace Dither Background Fondo en canvas con dithering Bayer 4x4 visible y píxeles cuadrados.

MengTo Plugin

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

MengTo Plugin

Qué hace Mesh Gradient Dark Blue Clean Sistema azul marino casi negro con un campo de malla dentro de una carcasa de hero.

MengTo Plugin

Qué hace Cinematic Scroll Storytelling Recetas de Lenis y GSAP ScrollTrigger para landing pages guiadas por el scroll.

Sistemas de diseño

MengTo Plugin

Qué hace Agency Grid Layout Minimal Rejilla editorial de varias columnas con titulares enormes y etiquetas diminutas en mayúsculas.

Sistemas de diseño

MengTo Plugin

Qué hace Glass Dark Mode Clock Superficies oscuras esmeriladas construidas en torno a un dial de calibración circular.

MengTo Plugin

Qué hace WebGL 3D Object Una malla de hero iluminada en Three.js con material PBR y sombras reales.

greensock Plugin

Qué hace GSAP Skills Conjunto oficial de animación de GSAP, desde los tweens del core hasta ScrollTrigger y React.

emilkowalski Plugin

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 OpenDesign

OpenDesign 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.

Descargar OpenDesign ↗ Ver todos los plugins