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.