industrial-brutalist-ui

Architect data-dense brutalist dashboards with CSS Grid and monospace typography.

Updated Jun 7, 2026
One-click install
npx skills add https://github.com/aaltaay/central-command --skill industrial-brutalist-ui-aaltaay
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/aaltaay/central-command/tree/main/skills/taste-skill/skills/brutalist-skill
Command: npx skills add https://github.com/aaltaay/central-command --skill industrial-brutalist-ui-aaltaay

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a disciplined framework to craft high-density, mechanical user interfaces that communicate structure and data clarity, reducing ambiguity in dashboard design.

Core Features & Use Cases

  • Rigid grid-based layouts with extreme typographic scale to maximize data density.
  • Commitment to a single visual paradigm per project (Swiss Industrial Print or Tactical Telemetry & CRT Terminal) to maintain consistency.
  • Post-processing effects (halftone, CRT scanlines, subtle noise) to evoke analog degradation while preserving legibility.

Quick Start

Create a single-page dashboard using the Tactical Telemetry look, starting with a dark theme, a strict CSS grid, and monospace typography.

Frequently Asked Questions about industrial-brutalist-ui

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build data-dense dashboards with mechanical clarity using brutalist UI?

Build data-dense dashboards by applying a single visual paradigm like Swiss Industrial Print or Tactical Telemetry. Use rigid CSS Grid layouts, monospace typography, and extreme typographic scales to maximize data density while maintaining structural clarity.

What is the best way to apply retro-futurism post-processing effects without losing legibility?

Apply retro-futurism post-processing effects like halftone, CRT scanlines, and subtle noise to evoke analog degradation. These effects sit on top of explicit semantic DOM structures and rigid grid layouts to preserve legibility while delivering tactical telemetry aesthetics.

Does brutalist UI require non-rounded corners and monospace typography for industrial design?

Yes, brutalist UI requires non-rounded corners, monospace typography, and ASCII framing to convey industrial design. These elements enforce a mechanical visual paradigm that prioritizes function and data structure over decorative styling.

Can I use CSS Grid to enforce strict layout paradigms for brutalist UI systems?

Yes, you can use CSS Grid to enforce strict layout paradigms for brutalist UI systems. Rigid grid-based layouts are essential for structuring high-density dashboards and ensuring consistent aesthetics across all components and pages.

When should I not use brutalist UI for dashboard design?

Avoid brutalist UI for dashboard design when your project requires soft aesthetics or lacks sufficient data density to justify rigid grid layouts. The extreme typographic scale and non-rounded corners demand high-density data to function effectively.