What problem does it solve?
This Skill solves the challenge of creating distinctive, high-impact web interfaces that stand out from generic consumer UI patterns, perfect for use cases like data-heavy dashboards, technical portfolios, or editorial sites that need to project raw functionality and mechanical precision with a declassified blueprint or retro-futuristic terminal aesthetic.
Core Features & Use Cases
- Dual Non-Mixable Visual Archetypes: Choose between Swiss Industrial Print (light mode, heavy typography, visible blueprint grids) or Tactical Telemetry/CRT Terminal (dark mode, monospace data, scanline effects) per project, with strict rules against mixing modes within a single interface.
- Prescriptive End-to-End Design System: Enforces detailed, non-negotiable guidelines for typography (extreme scale contrast, tight/loose tracking), color (utilitarian palettes, no gradients or soft shadows), layout (rigid CSS grids, 90-degree corners, visible compartmentalization), and analog degradation effects (halftones, CRT scanlines, mechanical noise).
- Use Case: Build a server metrics dashboard with a dark tactical terminal look, or a design portfolio with a light Swiss industrial print style, both with high data density and a raw, mechanical feel that avoids generic UI conventions.
Quick Start
Use the industrial-brutalist-ui skill to design a dark-mode tactical telemetry dashboard for monitoring real-time server metrics with monospace typography, red hazard accents, and subtle CRT scanline effects.
