What problem does it solve?
This Skill helps you create web interfaces that look like engineered blueprints or tactical terminal displays, focusing on rigid grids, extreme typography contrast, and simulated analog degradation instead of typical consumer UI patterns.
Core Features & Use Cases
- Industrial brutalist UI system: Build deterministic CSS Grid layouts with visible compartmentalization, 90-degree geometry, and utilitarian borders for data-heavy screens.
- Two selectable visual archetypes: Implement either Swiss industrial print (light substrate) or tactical telemetry CRT terminal (dark substrate) without mixing modes.
- Telemetry-grade typography and texture: Use macro/micro typography rules plus halftone, scanlines, dithering, and mechanical noise to avoid a purely “digital” look.
- Use Case: Turn a dashboard, portfolio, or editorial layout into a declassified, mechanical, information-dense interface with hazard-accent states and terminal-like metadata.
Quick Start
Implement the industrial brutalist UI rules by building a grid-first layout with uppercase macro headers, monospace telemetry data, a single consistent substrate palette, and CRT/halftone texture overlays.