Agent skill · Data & Analytics

industrial-brutalist-ui

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

Leonxlnxgithub.com/LeonxlnxGitHub ↗
claude-codecodexMIT
Install
npx skills add Leonxlnx/taste-skill --skill brutalist-skill --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 1
SKILL.md size: 8 KB
Bundled scripts: none
Path: skills/brutalist-skill/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 71,680
Language: JavaScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# SKILL: Industrial Brutalism & Tactical Telemetry UI ## 1. Skill Meta **Name:** Industrial Brutalism & Tactical Telemetry Interface Engineering **Description:** Advanced proficiency in architecting web interfaces that synthesize mid-century Swiss Typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. This discipline requires absolute mastery over rigid modular grids, extreme typographic scale contrast, purely utilitarian color palettes, and the programmatic simulation of analog degradation (halftones, CRT scanlines, bitmap dithering). The objective is to construct digital environments that project raw functionality, mechanical precision, and high data density, deliberately discarding conventional consumer UI patterns. ## 2. Visual Archetypes The design system operates by merging two distinct but highly compatible visual paradigms. **Pick ONE per project and commit to it. Do not alternate or mix both modes within the same interface.** ### 2.1 Swiss Industrial Print Derived from 1960s corporate identity systems and heavy machinery blueprints. * **Characteristics:** High-contrast light modes (newsprint/off-white substrates).

What's inside
Steps it walks through
  1. 1. Skill Meta
  2. 2. Visual Archetypes
  3. 2.1 Swiss Industrial Print
  4. 2.2 Tactical Telemetry & CRT Terminal
  5. 3. Typographic Architecture
  6. 3.1 Macro-Typography (Structural Headers)
  7. 3.2 Micro-Typography (Data & Telemetry)
  8. 3.3 Textural Contrast (Artistic Disruption)
  9. 4. Color System
  10. If Swiss Industrial Print (Light):
  11. If Tactical Telemetry (Dark):
  12. 5. Layout and Spatial Engineering
  13. 6. UI Components and Symbology
  14. 7. Textural and Post-Processing Effects
More from taste-skill
All skills →
About this skill
What does the industrial-brutalist-ui skill do?

Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. Rigid grids, extreme type scale contrast, utilitarian color, analog degradation effects. For data-heavy dashboards, portfolios, or editorial sites that need to feel like declassified blueprints.

How do I install it?

Run `npx skills add Leonxlnx/taste-skill --skill brutalist-skill --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From Leonxlnx/taste-skill, a repository with 71,680 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going