industrial-brutalist-ui

Generate grid-based brutalist UI layouts with modular typography and ASCII framing.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill industrial-brutalist-ui-alejandrofigini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/AlejandroFigini/artist-portfolio/tree/main/.agent/skills/brutalist-skill
Command: npx skills add https://github.com/AlejandroFigini/artist-portfolio --skill industrial-brutalist-ui-alejandrofigini

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organizations require data-dense interfaces that communicate complex information with mechanical clarity, without relying on conventional consumer UI patterns.

Core Features & Use Cases

  • Rigid, grid-based layouts and modular typography for high-density dashboards
  • Analog degradation effects (halftone, scanlines) to convey technical depth
  • Use cases include analytics dashboards, editorial portfolios, and operational monitors requiring clear data storytelling

Quick Start

Create a new brutalist UI page by choosing a visual archetype and wiring a grid-driven dashboard using the kit's typography and framing elements.

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 UI system for dense data dashboards?

Design a brutalist UI system by applying rigid grid-based layouts, modular macro- and micro-typography, and ASCII framing to enforce clear typographic hierarchy. This mechanical approach ensures high data density and clear information storytelling for complex analytics dashboards.

What is the best way to achieve high-density data visualization without conventional consumer UI patterns?

Achieve high-density data visualization by utilizing mechanical UI interfaces with strict color discipline and grid integrity. Incorporating analog degradation effects like halftone and scanlines adds technical depth, effectively replacing standard consumer UI patterns for operational monitors.

Can I use brutalist UI principles for editorial portfolios and informational tools?

Yes, you can use brutalist UI principles for editorial portfolios and informational tools. The system delivers ultra-dense interfaces through clear typographic hierarchy and modular layouts, making it suitable for any platform requiring mechanical clarity and grid integrity.

How does typography hierarchy work in terminal-style data dashboards?

Typography hierarchy in terminal-style dashboards works by dividing type into macro and micro levels to organize dense information. Strict color discipline and grid-based layouts maintain structural integrity, ensuring complex data sets remain legible and mechanically clear.

When should I not use a brutalist UI design system for data visualization?

You should not use a brutalist UI design system when building applications that require conventional consumer UI patterns or soft visual aesthetics. Its rigid grid-based layouts, ASCII framing, and analog degradation effects are specifically optimized for ultra-dense, mechanical interfaces.