industrial-brutalist-ui

Generate industrial-brutalist UI dashboards with CSS grid, ASCII framing, and CRT-style overlays for telemetry data.

99|6|Updated Jan 11, 2026
One-click install
npx skills add https://github.com/vvedantb/eva --skill industrial-brutalist-ui-vvedantb
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/vvedantb/eva/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/vvedantb/eva --skill industrial-brutalist-ui-vvedantb

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables teams to build densely packed, mechanically precise dashboards that communicate complex telemetry with a brutalist aesthetic.

Core Features & Use Cases

  • Rigid grid-based layouts that maximize data density while preserving readability.
  • Monospace typography and ASCII framing elements to convey technical telemetry.
  • Post-processing visual effects (halftone, CRT scanlines) to simulate hardware-grade UIs for dashboards and monitoring tools.
  • Use Case: Telemetry dashboards for real-time systems, analytics portals for engineering teams, and data-driven portfolios that require a raw, industrial look.

Quick Start

Generate a ready-to-run brutalist dashboard UI for a telemetry dataset.

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 for telemetry data?

Build a brutalist dashboard by applying a strict CSS grid system, monospaced typography, and ASCII framing to maximize data density. This approach ensures complex telemetry remains legible while delivering a raw, industrial aesthetic.

What is industrial brutalist UI design for analytics portals?

Industrial brutalist UI design for analytics portals uses rigid grid-based layouts and mechanical precision to communicate data. It incorporates post-processing visual effects like halftone and CRT scanlines to simulate hardware-grade monitoring tools.

Can I use brutalist web design for real-time data tables and heavy updates?

Brutalist web design works for real-time data tables by maximizing information density while preserving readability. It uses accessible color contrast in both light and dark variants to maintain legibility during heavy data updates.

How do I add CRT scanlines and post-processing overlays to a web app dashboard?

Add CRT scanlines and post-processing overlays to a web app dashboard to simulate hardware-grade UIs. These visual effects pair with monospaced typography and ASCII framing to convey technical telemetry in a raw, industrial format.

Does brutalist UI design support accessible color contrast for engineering teams?

Brutalist UI design supports accessible color contrast for engineering teams by providing both light and dark variants. This ensures data-driven portfolios and analytics portals maintain strict legibility alongside dense grid-based layouts.

When should I not use a brutalist aesthetic for a web dashboard?

Avoid a brutalist aesthetic for web dashboards when strict mechanical precision and heavy ASCII framing obstruct user experience. The rigid grid system and dense post-processing overlays serve telemetry analytics best, rather than casual consumer interfaces.