Sistemas de diseño
UI-UX Pro Max · Design
Un único punto de entrada que enruta trabajo de logotipo, identidad, slides, banner e iconos.
Qué es
Una skill de diseño unificada que enruta tareas a sub-skills o a módulos integrados. Los integrados cubren generación de logotipo, mockups de identidad corporativa, slides en HTML, banners, fotos para redes e iconos SVG mediante scripts de Gemini.
Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP mockups), HTML presentations (Chart.js), banner design (22 s
Por qué importa para el diseño
- El logotipo, los mockups de identidad y el deck salen todos de una misma entrada de marca.
- Los iconos se generan como texto SVG, así se mantienen editables, no rasterizados.
- Las reglas de banner imponen zonas seguras, dos fuentes como máximo y un único CTA.
Qué cubre
- Sub-skill routing
- Logo design
- CIP design
- Slides
- Banner design
- Icon design
Cómo instalarlo
UI-UX Pro Max · Design
-
Clona el repositorio.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Señálale a Codex el archivo de la skill.
cli/assets/skills/design/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Primero exporta GEMINI_API_KEY e instala google-genai y pillow.
-
Ejecuta scripts/logo/search.py para un brief de diseño, y luego generate.py para las imágenes.
-
Pasa el logotipo a scripts/cip/generate.py para producir mockups entregables.
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.