Sistemas de diseño
industrial-brutalist-ui
Crea interfaces rígidas de estilo impreso suizo o terminal CRT, con grano analógico.
Qué es
Un sistema de diseño para interfaces que fusiona el impreso tipográfico suizo con la estética de terminales militares. Especifica rejillas rígidas, un contraste extremo de escala tipográfica, un único acento rojo de peligro y degradación analógica simulada.
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios,
Por qué importa para el diseño
- Se elige un único sustrato por proyecto, así claro y oscuro nunca se mezclan.
- Rechaza por completo border-radius, así que cada esquina se mantiene en noventa grados.
- Los filtros de trama, líneas de escaneo y ruido evitan que las superficies parezcan vectores planos.
Qué cubre
- Visual archetypes
- Typographic architecture
- Color system
- Layout and spatial engineering
- UI components and symbology
- Textural and post-processing effects
Cómo instalarlo
industrial-brutalist-ui
-
Clona el repositorio.
git clone https://github.com/Leonxlnx/taste-skill -
Señálale a Codex el archivo de la skill.
skills/brutalist-skill/SKILL.md -
Luego describe la interfaz que quieres. Codex sigue la skill.
Cómo ejecutarlo con Codex
-
Elige un arquetipo: impreso industrial suizo o terminal CRT de telemetría táctica.
-
Los titulares macro usan clamp con tracking negativo; los metadatos usan mono en mayúsculas pequeñas.
-
Los huecos de rejilla de 1px con fondos de contraste producen las líneas divisorias finísimas.
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.