Frontend y UI
UI-UX Pro Max · Slides
Construye decks de presentación en HTML con Chart.js y patrones de maquetación.
Qué es
Una pequeña skill de enrutado para presentaciones estratégicas en HTML. Interpreta un subcomando, y luego carga archivos de referencia que cubren patrones de maquetación, una plantilla HTML, fórmulas de copywriting y estrategias de slides.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Por qué importa para el diseño
- Las slides son HTML, así la tipografía y el espaciado siguen tokens de diseño reales.
- Chart.js gestiona las slides de datos, así los números se mantienen vivos en vez de imágenes pegadas.
- Los patrones de maquetación se eligen de un conjunto, manteniendo el deck visualmente coherente.
Qué cubre
- When to use
- Subcommands
- References
- Routing
Cómo instalarlo
UI-UX Pro Max · Slides
-
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/slides/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Invócala con el subcomando create más un tema y un número de slides.
-
Carga references/create.md y sigue ese flujo de creación.
-
Extrae patrones de maquetación y fórmulas de copywriting de los archivos de referencia.
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.