Industrial Brutalist UI
Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics — rigid grids, extreme type scale contrast, utilitarian color, halftone and CRT-scanline degradation
- What
- Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics — rigid grids, extreme type scale contrast, utilitarian color, halftone and CRT-scanline degradation
- Cost
- Free
- Needs
- none — this is a design-directive skill for the agent. It works best for data-heavy dashboards, portfolios, or editorial sites where a raw mechanical aesthetic fits.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — a design skill for industrial-brutalist web interfaces that synthesize mid-century Swiss typographic design, industrial manufacturing manuals, and retro-futuristic aerospace/military terminal interfaces. The system commits to ONE of two archetypes per project, never mixing: Swiss Industrial Print (high-contrast light newsprint substrates, heavy monolithic sans-serifs, unforgiving visible grids, aviation-red as the sole accent) or Tactical Telemetry / CRT Terminal (dark-mode exclusivity, high-density tabular data, monospace dominance, phosphor glow and scanlines). Typography is the primary infrastructure — extreme scale contrast, viewport-bleeding macro headers with negative tracking, technical micro-typography for metadata — while color is strictly utilitarian (no gradients, no soft shadows, no translucency) and corners are exactly 90 degrees, never rounded. Layouts are blueprint-engineered: CSS Grid with razor-thin 1px dividing lines, visible compartmentalization, ASCII framing devices (`[ DELIVERY SYSTEMS ]`, `>>>`, `///`), registration marks and warning stripes as structural elements, randomized string data to simulate live processes. Analog degradation is engineered in via halftones, 1-bit dithering, CRT scanlines and global mechanical noise so the result never looks purely digital. By @leonxlnx, listed here with credit to its creator. Honest caveats: an extremely niche, opinionated aesthetic — wrong for any conventional consumer product; pick one archetype and commit, mixing both ruins the effect; extreme type scales and data density demand real content to work, not lorem ipsum. Skill Harbor never reviews the code, review it yourself before use.
Version:
Install
Prerequisites: none — this is a design-directive skill for the agent. It works best for data-heavy dashboards, portfolios, or editorial sites where a raw mechanical aesthetic fits. Install "Industrial Brutalist UI" for me. A design skill for raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics: one of two archetypes (Swiss Industrial Print or CRT Terminal) per project, rigid blueprint grids, extreme type scale contrast, utilitarian color, and analog degradation (halftones, scanlines, dithering). Repository: https://github.com/leonxlnx/taste-skill/blob/main/skills/brutalist-skill/SKILL.md 1. Fetch the SKILL.md file (and any helper files) from the repository path into a temporary folder and summarize what it does in one or two sentences. 2. Safety check: review the SKILL.md and scripts for anything suspicious (unexpected network calls, shell commands, credential harvesting). This repo should contain zero secrets in code, credentials only via the secure vault. Verify that holds here; STOP on any red flag and tell me. 3. Install it as a skill: copy SKILL.md and its helper files into the agent's skills directory, in a folder named "leonxlnx-industrial-brutalist-ui". 4. Verify with no network calls: frontmatter valid, files in place. 5. Report what was installed, where, and what I still need to do myself. GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.