industrial-brutalist-ui

Automate brutalist, data-dense UI design with modular grids and industrial markers.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/cptunderpantsmoons/contract-hubv1 --skill industrial-brutalist-ui-cptunderpantsmoons
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/cptunderpantsmoons/contract-hubv1/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/cptunderpantsmoons/contract-hubv1 --skill industrial-brutalist-ui-cptunderpantsmoons

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Raw mechanical interfaces fuse Swiss typographic print with military terminal aesthetics to create dense, machine-oriented dashboards and portfolios that communicate precision and process at a glance.

Core Features & Use Cases

  • Rigid grid-driven layouts optimized for data density, dashboards, and editorial blueprints.
  • A single visual paradigm choice per project (Swiss Industrial Print OR Tactical Telemetry) to maintain consistency and focus.
  • Macro-typography and micro-typography schemas with ASCII framing, industrial markers, and post-processing effects to convey technical realism.

Quick Start

Describe your brutalist UI project and I will generate a ready-to-implement layout and style system.

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, data-dense dashboard layout?

Brutalist UI design uses rigid grid-driven layouts with ASCII framing and scalable typography schemas to create data-dense dashboards. It applies industrial markers and post-processing effects to convey technical realism within a cohesive visual language.

Can I use Swiss Industrial Print and Tactical Telemetry styles together in one UI system?

No, you should choose a single visual paradigm per project, either Swiss Industrial Print or Tactical Telemetry. Selecting one aesthetic approach maintains consistency and focus across modular grid structures and industrial UI markers.

What is the best way to generate a modular grid structure for a brutalist editorial site?

The best way to generate modular grid structures for brutalist editorial sites is to automate the design system. This applies scalable typography schemas and industrial UI markers to achieve a declassified-blueprint aesthetic optimized for data density.

When should I use ASCII framing and industrial markers in UI design?

Use ASCII framing and industrial markers when building dashboards, portfolios, or editorial sites that require a declassified-blueprint aesthetic. These elements convey technical realism and fuse Swiss typographic print with military terminal aesthetics.

Does brutalist UI design work for portfolios and editorial sites, or only dashboards?

Brutalist UI design works across dashboards, portfolios, and editorial sites. It applies rigid grid-driven layouts optimized for data density, ensuring any interface communicates precision and process through a cohesive design language.

Do I need specific UI components or dependencies to build a brutalist design system?

No specific dependencies or components are required to build a brutalist design system. You can generate a ready-to-implement layout and style system by describing your project, which outputs modular grid structures and typography schemas.