industrial-brutalist-ui

Architect data-dense brutalist dashboards with strict CSS grids and high-contrast typography.

16|3|Updated May 5, 2026
One-click install
npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill industrial-brutalist-ui-kevin-liu-01
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/Kevin-Liu-01/Agent-Machines/tree/main/knowledge/skills/taste-brutalist
Command: npx skills add https://github.com/Kevin-Liu-01/Agent-Machines --skill industrial-brutalist-ui-kevin-liu-01

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Build dense telemetry dashboards and data-heavy interfaces that communicate mechanical precision with a consistent brutalist aesthetic, helping teams convey complex information without visual noise.

Core Features & Use Cases

  • Single-visual-mode design: choose either Swiss Industrial Print or Tactical Telemetry & CRT Terminal per project to enforce consistency and reduce cognitive load.
  • Macro- and micro-typography-driven UI: apply extreme scale contrast for headers and monospace data panels, with ASCII framing and industrial markers to convey structure.
  • Post-processing aesthetics: simulate halftone, CRT scanlines, and digital degradation to achieve an authentic mechanical look on dashboards and editorial interfaces. Use Case: Dense telemetry dashboard for equipment monitoring and a data-rich portfolio site.

Quick Start

Create a new UI project using this skill's archetype and begin by defining a single visual mode for your dashboard.

Frequently Asked Questions about industrial-brutalist-ui

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

FAQPage Schema
How do I design a brutalist telemetry dashboard for data-heavy admin panels?

Design brutalist telemetry dashboards by applying strict CSS grids, high-contrast typography, and extreme scale contrast to communicate mechanical precision without visual noise. This approach enforces consistency by selecting a single visual mode, such as Swiss Industrial Print or Tactical Telemetry, per project.

What is the difference between Swiss Industrial Print and Tactical Telemetry aesthetics?

Swiss Industrial Print emphasizes macro- and micro-typography with extreme scale contrast for headers, while Tactical Telemetry simulates CRT scanlines, halftone, and digital degradation. Choosing one visual mode per project reduces cognitive load and ensures a consistent mechanical look across interfaces.

How do I apply CRT scanlines and post-processing effects to a brutalist UI?

Apply CRT scanlines and digital degradation effects to a brutalist UI by simulating post-processing aesthetics during the design phase. This technique achieves an authentic mechanical look on dashboards and editorial interfaces, specifically within the Tactical Telemetry visual mode.

Can I use brutalist UI components for equipment monitoring dashboards?

Brutalist UI components are built specifically for dense telemetry dashboards and equipment monitoring. They utilize monospace data panels, ASCII framing, and industrial markers to convey complex information structure clearly without introducing visual noise.

What are the limitations of using a single visual mode for brutalist design systems?

The limitation of using a single visual mode for brutalist design systems is the strict enforcement of one aesthetic, either Swiss Industrial Print or Tactical Telemetry, per project. This constraint exists to enforce consistency and reduce cognitive load across the entire dashboard.