industrial-brutalist-ui

Construct web interfaces with Swiss design and retro-futuristic terminal aesthetics.

Updated Jul 5, 2026
One-click install
npx skills add https://github.com/batdorj-s/tlj --skill industrial-brutalist-ui-batdorj-s
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: industrial-brutalist-ui
Source: https://github.com/batdorj-s/tlj/tree/main/.agents/skills/industrial-brutalist-ui
Command: npx skills add https://github.com/batdorj-s/tlj --skill industrial-brutalist-ui-batdorj-s

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill creates interfaces that project raw functionality, precision, and data density by synthesizing mid-century Swiss design, industrial manufacturing manuals, and retro-futuristic interfaces. It's for those who want to reject conventional consumer UI patterns for more robust and information-rich environments.

Core Features & Use Cases

  • Mid-Century Swiss Design Integration: Merges classic Swiss typographic design with modern technology.
  • Retro-Futuristic Terminal Aesthetics: Combines vintage terminal interface design with current web technologies.
  • Rigid Modular Grids & Typographic Scales: Provides precision and functionality with structured designs.
  • Utilitarian Color Palette & Analog Degradation: Delivers an authentic industrial look and feel.

Quick Start

To generate an interface using the 'industrial-brutalist-ui' skill, run the 'generate_interface' script within the 'scripts' directory.

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 a web interface with a retro terminal UI and Swiss typography grid layout?

Build web interfaces with a retro terminal UI by applying rigid modular grids, utilitarian color palettes, and simulated analog degradation to achieve an authentic industrial appearance. This approach merges mid-century Swiss typographic scales with retro-futuristic military terminal aesthetics for data-dense dashboards.

What is analog degradation in interface design and how does it affect a data-dense interface?

Analog degradation in interface design simulates vintage signal noise and visual wear to deliver authentic retro-futuristic terminal aesthetics. Applied to a data-dense interface, it enhances the industrial appearance while maintaining the rigid grid structure and typographic precision.

Can I use industrial design principles to create a portfolio or editorial site?

Yes, you can apply industrial design principles to construct portfolios and editorial sites. Utilizing rigid modular grids and mid-century Swiss typography, the interface projects raw functionality and precision while rejecting conventional consumer UI patterns for information-rich environments.

Does this approach to retro terminal UI work for data-heavy dashboards?

Yes, the retro terminal UI approach works for data-heavy dashboards by emphasizing structured grid layouts and utilitarian color schemes. It synthesizes industrial manufacturing manuals with modern web technologies to project data density and robust functionality for information-rich environments.

When should I avoid using a brutalist UI with analog degradation for web design?

You should avoid using a brutalist UI with analog degradation when your project requires conventional consumer UI patterns or soft aesthetic appeal. This design approach prioritizes raw functionality, rigid grids, and data density over mainstream user-friendly design conventions.