industrial-brutalist-ui

Generates Tailwind and CSS directives for a customizable, on -demand AI assistant.

Updated May 5, 2026
One-click install
npx skills add https://github.com/XCmiaow/cc-deploy --skill industrial-brutalist-ui-xcmiaow
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/XCmiaow/cc-deploy/tree/main/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/XCmiaow/cc-deploy --skill industrial-brutalist-ui-xcmiaow

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you design high-density, mechanically rigid web interfaces that look like declassified blueprints or tactical terminals instead of generic consumer UI.

Core Features & Use Cases

  • Swiss-industrial layout rules: Enforces strict grids, visible compartmentalization, harsh contrast, and uppercase structural typography suitable for dashboards and editorial systems.
  • Tactical telemetry styling: Applies dark-mode-only patterns, monospaced data emphasis, technical framing, and CRT-like visual constraints for monitoring consoles and data-heavy pages.
  • Analog degradation aesthetics: Provides guidance for halftone/1-bit dithering, CRT scanlines, and mechanical noise so the UI feels physically rendered rather than purely digital.

Quick Start

Use it to generate a complete UI style spec and CSS/SVG plan for a dashboard page by choosing either the Swiss Industrial Print mode or the Tactical Telemetry & CRT Terminal mode and applying its typography, color, grid, and degradation directives consistently.

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 high-contrast dashboard layouts for dense data presentations?

To design high-contrast dashboard layouts for dense data presentations, enforce strict CSS grids, visible compartmentalization, and uppercase structural typography to create a mechanically rigid interface that avoids generic consumer styling.

What is the best way to add CRT scanlines and dithering overlays to a web interface?

Add CRT scanlines and dithering overlays by applying analog degradation aesthetics like 1-bit halftone patterns and mechanical noise effects, ensuring the UI feels physically rendered rather than purely digital.

Can I use tactical terminal styling for editorial and portfolio sites?

Yes, tactical terminal styling suits editorial and portfolio sites when you apply Swiss-industrial layout rules, select a visual substrate palette, and enforce monochrome technical structure with harsh contrast.

Does this UI design approach work for dark-mode-only telemetry consoles?

Yes, this UI design approach works for dark-mode-only telemetry consoles by applying tactical telemetry styling with monospaced data emphasis, technical framing, and CRT-like visual constraints for monitoring data-heavy pages.

How do I generate a complete UI style spec and CSS plan for a retro-futuristic terminal?

Generate a complete UI style spec and CSS plan by selecting either the Swiss Industrial Print mode or Tactical Telemetry mode, then consistently applying their typography, color, grid, and degradation directives.

When should I avoid using brutalist UI design specifications?

Avoid using brutalist UI design specifications when building generic consumer interfaces that require soft visual aesthetics, flowing organic shapes, or low-density data presentations instead of rigid technical structure.