Sistemas de diseño
Agency Grid Layout Minimal
Rejilla editorial de varias columnas con titulares enormes y etiquetas diminutas en mayúsculas.
Qué es
Una dirección de maquetación para sitios de agencia: carcasas de rejilla anchas, titulares de display enormes, metadatos pequeños en mayúsculas en columnas adyacentes y bloques de imagen arquitectónicos.
Create a minimal agency design system with a disciplined editorial grid, oversized typography, quiet uppercase utility labels, restrained image blocks, and subtle structural detail.
Por qué importa para el diseño
- La colocación estricta por columnas hace que la posición de cada elemento se lea como intencionada.
- El contraste de escala entre los titulares de display y los metadatos diminutos lleva la jerarquía.
- El espacio en negativo se conserva en vez de rellenarse, manteniendo la página editorial.
Qué cubre
- Scope
- Visual target
- Implementation guidance
- Recommended patterns
- Tuning knobs
- Avoid
Cómo instalarlo
Agency Grid Layout Minimal
-
Clona el repositorio.
git clone https://github.com/MengTo/Skills -
Señálale a Codex el archivo de la skill.
agent-skills/web-design/agency-grid-layout-minimal/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Fija primero una carcasa de max-width ancho con divisiones de columna visibles.
-
Ancla un titular de hero a lo ancho de casi todas las columnas, con el texto de apoyo en una columna lateral.
-
Construye las filas de servicios como listados de varias columnas con etiquetas de metadatos diminutas.
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.