industrial-brutalist-ui

Construct web interfaces with Swiss Typographic design and industrial terminal aesthetics.

8|3|Updated Jun 7, 2026
One-click install
npx skills add https://github.com/magicpro97/vibeflow --skill industrial-brutalist-ui-magicpro97
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/magicpro97/vibeflow/tree/main/.agents/skills/brutalist-skill
Command: npx skills add https://github.com/magicpro97/vibeflow --skill industrial-brutalist-ui-magicpro97

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill creates advanced web interfaces with mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. It offers rigid modular grids, extreme typographic scale contrast, and analog degradation effects for data-heavy dashboards, portfolios, or editorial sites.

Core Features & Use Cases

  • Swiss Industrial Print & Tactical Telemetry: Merges mid-century Swiss Typographic design with military terminal aesthetics.
  • Rigid Grids & Typographic Scale Contrast: Emphasizes precise modular grids and strong typographic contrast.
  • Utilitarian Color Palettes & Analog Degradation: Utilizes color palettes and degradation effects that simulate physical media or primitive displays.
  • Layout & Spatial Engineering: Implements mathematically engineered layouts with visible compartmentalization and strict grid architectures.
  • UI Components & Symbology: Incorporates utilitarian, industrial graphic elements like ASCII framing and technical assets.

Quick Start

Create an Industrial Brutalist & Tactical Telemetry web interface with 'vf industrial-brutalist-ui generate' command.

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 web interfaces with Swiss typographic design and retro-futuristic terminal aesthetics?

You can construct advanced web interfaces merging mid-century Swiss typography with retro-futuristic terminal aesthetics by applying rigid modular grids, extreme typographic scale contrast, and utilitarian color palettes to simulate physical media or primitive displays.

What is the best way to design data-heavy dashboards using industrial manufacturing manual aesthetics?

Designing data-heavy dashboards with industrial manufacturing manual aesthetics requires mathematically engineered layouts, strict grid architectures, visible compartmentalization, and utilitarian graphic elements like ASCII framing to organize dense information effectively.

How do I apply analog degradation effects to web layouts for aerospace or military terminal interfaces?

Analog degradation effects for aerospace or military terminal interfaces are applied using extreme typographic scale contrast and utilitarian color palettes that simulate physical media or primitive display outputs within a rigid modular grid system.

Does this industrial design approach work for editorial sites and portfolios?

Yes, the industrial design approach suits data-heavy dashboards, portfolios, and editorial sites by synthesizing mid-century Swiss typographic design with tactical telemetry aesthetics through rigid grids and strong typographic contrast.

What frontend development techniques are needed to engineer layout and spatial compartmentalization?

Engineering layout and spatial compartmentalization requires expertise in frontend development techniques, grid layouts, typography, and color theory to implement strict grid architectures and visible modular sections.

When should I not use industrial brutalist UI for web design?

You should avoid industrial brutalist UI when your project requires organic, free-flowing layouts or soft visual aesthetics, as it strictly enforces rigid modular grids, extreme typographic contrast, and utilitarian color palettes.