industrial-brutalist-ui

Generate Swiss industrial print or tactical CRT telemetry web interface designs.

Updated Apr 24, 2026
One-click install
npx skills add https://github.com/otto-poblysh/pedagemy-early-access --skill industrial-brutalist-ui-otto-poblysh
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/otto-poblysh/pedagemy-early-access/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/otto-poblysh/pedagemy-early-access --skill industrial-brutalist-ui-otto-poblysh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the challenge of creating data-heavy web UIs that feel mechanically precise and visually uncompromising instead of generic or “consumer-soft.”

Core Features & Use Cases

  • Design-System Direction: Enforces a single chosen archetype (Swiss Industrial Print or Tactical Telemetry & CRT Terminal) to keep the interface consistent.
  • Typographic Architecture: Specifies macro/micro typography rules for extreme scale contrast, grid alignment, and telemetry-like monospaced metadata.
  • Analog Degradation Effects: Provides practical guidance for adding scanlines, halftone/1-bit dithering, and global mechanical noise to prevent a purely digital look.

Quick Start

Use the industrial-brutalist-ui skill to design a dashboard page by selecting either the Swiss Industrial Print or Tactical Telemetry mode, then applying its typography, color, grid, and degradation directives to your layout.

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 high-density dashboard UI with tactical CRT terminal styling?▼

Designing a high-density dashboard UI with tactical CRT terminal styling requires enforcing deterministic grid behavior and uppercase macro/micro typography. This approach applies scanlines, dithering overlays, and noise effects to simulate analog hardware degradation.

What is Swiss industrial print typography in UI design?▼

Swiss industrial print typography in UI design is a mechanically rigid styling pattern that enforces deterministic grid behavior and extreme scale contrast. It provides typographic architecture for data-heavy product surfaces without relying on consumer-soft aesthetics.

How do I add analog degradation effects like scanlines and dithering to a web interface?▼

To add analog degradation effects like scanlines and dithering to a web interface, apply global mechanical noise overlays and 1-bit halftone rendering. This prevents a purely digital look by simulating hardware telemetry degradation across data surfaces.

Does this industrial brutalist UI approach work for editorial layouts and portfolios?▼

The industrial brutalist UI approach works for editorial layouts, portfolios, and dashboards. It applies mechanically rigid, typography-driven structure with utilitarian color rules to any data-heavy product surface requiring deterministic grid behavior.

Can I use CSS grid for mechanically rigid telemetry dashboards without generic consumer-soft aesthetics?▼

You can use CSS grid for mechanically rigid telemetry dashboards by enforcing deterministic grid behavior alongside monospaced metadata typography. This creates visually uncompromising, high-density interfaces that avoid generic consumer-soft aesthetics.

When should I avoid using tactical telemetry and CRT terminal styling for web interfaces?▼

Avoid tactical telemetry and CRT terminal styling for web interfaces when a consumer-soft aesthetic or photorealistic imagery is required. This approach enforces utilitarian color rules and non-photoreal analog grit, which may not suit all products.