One-click install
npx skills add https://github.com/MichaelSolati/mkai --skill brutalist
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brutalist
Source: https://github.com/MichaelSolati/mkai/tree/main/profiles/ui-ux-design/skills/brutalist
Command: npx skills add https://github.com/MichaelSolati/mkai --skill brutalist

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of building distinctive, high-data-density web interfaces that avoid generic modern UI patterns, perfect for projects that need to feel like declassified technical documents, military-grade dashboards, or 1960s industrial blueprints.

Core Features & Use Cases

  • Dual Design Archetypes: Choose between Swiss Industrial Print (light, high-contrast, heavy typography) or Tactical Telemetry/CRT Terminal (dark, monospaced, scanline effects) for a consistent, intentional visual identity.
  • Strict Design Guardrails: Enforces rigid 90-degree geometry, extreme typographic scale contrast, utilitarian color palettes with only aviation red as an accent, and simulated analog degradation effects like halftones and CRT scanlines.
  • Use Case: Build a real-time engineering metrics dashboard that feels like a classified military telemetry display, or a design portfolio styled like a vintage industrial manufacturing manual.

Quick Start

Use the brutalist skill to design a dark-mode tactical telemetry dashboard for displaying real-time server metrics with CRT scanline effects and monospaced data readouts.

Frequently Asked Questions about brutalist

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a tactical telemetry dashboard with CRT effects?

Build a tactical telemetry dashboard by applying a dark, monospaced visual archetype with simulated analog degradation like CRT scanlines for high-density data readouts. This approach enforces rigid grid layouts and utilitarian color palettes to reject generic consumer UI patterns.

What is Swiss industrial design for web interfaces?

Swiss industrial design for web interfaces is a light, high-contrast visual archetype featuring heavy typography and rigid 90-degree geometry. It provides strict design guardrails for technical projects requiring mechanical precision and extreme typographic scale contrast.

Can I use brutalist design systems for real-time engineering metrics?

Brutalist design systems effectively handle real-time engineering metrics by mandating high data density layouts and utilitarian palettes with aviation red accents. They create interfaces mimicking classified military telemetry displays using monospaced data readouts.

Does this approach support simulated analog degradation effects like halftones?

This approach supports simulated analog degradation effects including halftones and scanlines. These effects generate visual authenticity for tactical telemetry terminals and vintage industrial manufacturing manuals within strict 90-degree geometric constraints.

What's the best way to style a portfolio like a vintage industrial manual?

Style a portfolio like a vintage industrial manual by adopting the Swiss Industrial Print archetype with heavy typography and extreme scale contrast. This enforces rigid 90-degree geometry and light, high-contrast palettes to achieve mechanical precision.