Frontend y UI
minimalist-ui
Crea interfaces editoriales monocromas y cálidas con rejillas bento planas.
Qué es
Un protocolo de frontend para interfaces minimalistas de estilo documento. Fija una paleta monocroma cálida, jerarquía tipográfica serif y mono, tarjetas bento con borde de 1px y acentos pastel apagados.
Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy shadows.
Por qué importa para el diseño
- Cada tarjeta y separador usa un único borde de 1px gris claro con un radio nítido.
- Los acentos vienen solo de cuatro pasteles lavados, reservados para etiquetas y código en línea.
- Las secciones ganan profundidad con imágenes de baja opacidad, en vez de fondos vacíos y planos.
Qué cubre
- Absolute negative constraints
- Typographic architecture
- Color palette
- Component specifications
- Iconography and imagery directives
- Subtle motion and micro-animations
Cómo instalarlo
minimalist-ui
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/minimalist-skill/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Pide una página; la skill establece primero el macro espacio en blanco, py-24 o py-32.
-
Limita el ancho del texto a max-w-4xl y aplica de inmediato las variables monocromas.
-
Los fundidos de entrada por scroll se ejecutan mediante IntersectionObserver, solo sobre transform y opacity.
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.