industrial-brutalist-ui

Architect data-dense dashboards with rigid CSS grids and post-processing effects.

Updated Apr 11, 2026
One-click install
npx skills add https://github.com/jairvisassistant-dot/mascercaap --skill industrial-brutalist-ui-jairvisassistant-dot
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/jairvisassistant-dot/mascercaap/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/jairvisassistant-dot/mascercaap --skill industrial-brutalist-ui-jairvisassistant-dot

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables designers and developers to craft industrial brutalist user interfaces that convey high-density data and mechanical precision, balancing readability with a raw, utilitarian aesthetic.

Core Features & Use Cases

  • Build data-dense dashboards using rigid modular grids and high-contrast typography.
  • Apply analog degradation effects such as halftone patterns, CRT scanlines, and bitmap dithering to achieve an authentic technical feel.
  • Enforce a single visual archetype per project (Swiss Industrial Print or Tactical Telemetry) and implement with deterministic grid systems.

Quick Start

Set up a grid-based dashboard using a single visual archetype and apply the recommended typography, colors, and post-processing effects to render a data-dense interface.

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 a brutalist dashboard with extreme data density?

Apply analog degradation effects like halftone patterns, CRT scanlines, and bitmap dithering to data-dense dashboards. These post-processing techniques achieve an authentic technical feel while maintaining rigid grid systems and deterministic data layouts.

What's the best way to structure a grid layout for an analytics portal?

Structure analytics portals using deterministic CSS grid systems with extreme typography scales and non-rounded corners. Enforcing a single visual archetype—such as Swiss Industrial Print or Tactical Telemetry—ensures rigid modular layouts across high-density data displays.

Can I use brutalist UI design for admin backends and editorial data displays?

Yes, brutalist UI design suits admin backends and editorial data displays requiring rigid grids and pseudo-analog textures. It architects high-density data interfaces with mechanical precision, balancing readability with utilitarian aesthetics.

Why does my brutalist dashboard need a single visual archetype?

A single visual archetype enforces design consistency and deterministic grid systems across brutalist dashboards. Mixing archetypes like Swiss Industrial Print and Tactical Telemetry breaks the rigid modular structure and undermines the utilitarian aesthetic.