brutalism

Design raw, high-contrast brutalist interfaces for web and app experiences.

41|5|Updated Sep 30, 2025
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill brutalism-efekrbas
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brutalism
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/design-it/brutalism
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill brutalism-efekrbas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Brutalism helps you create interfaces that deliberately reject polished, conventional UI patterns and instead feel raw, direct, and structural.

Core Features & Use Cases

  • Raw Visual Language: Uses stark borders, default-like controls, and exposed layout structure to create an intentionally unfinished look.
  • High-Contrast Styling: Prefers monochrome or clashing colors, monospace typography, and minimal decorative effects.
  • Cross-Platform Guidance: Provides implementation patterns for web, SwiftUI, Flutter, React Native, and Jetpack Compose when you want the same brutalist aesthetic across products.
  • Use Case: Apply it to a landing page, admin dashboard, or experimental app when the goal is to make the interface feel blunt, functional, and visibly uncompromising.

Quick Start

Ask for a brutalist version of your interface with exposed structure, harsh borders, monospace type, and no shadows or rounded corners.

Frequently Asked Questions about brutalism

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

FAQPage Schema
How do I design a brutalist web interface with high contrast and monospace typography?

Yes, you can apply brutalist UI design patterns across SwiftUI, Flutter, React Native, and Jetpack Compose. It provides cross-platform guidance to ensure your mobile screens maintain the same raw, high-contrast aesthetic with exposed structures and minimal styling.

What is brutalist UI design and when should I use it for an app?

Brutalist UI design is a style that deliberately rejects polished patterns for an intentionally unfinished, anti-polished look. You should use it for landing pages, dashboards, or experimental apps when the goal is to make the interface feel blunt, functional, and visibly uncompromising.

Does brutalist web design require shadows, gradients, or rounded corners?

No, brutalist web design requires minimal styling without shadows, gradients, or rounded corners. It relies on stark borders, exposed layout structures, monochrome or clashing colors, and default-like controls to create its raw, high-contrast visual language.

Can I use brutalist UI design patterns for SwiftUI and Flutter mobile screens?

Yes, you can apply brutalist UI design patterns across SwiftUI, Flutter, React Native, and Jetpack Compose. It provides cross-platform guidance to ensure your mobile screens maintain the same raw, high-contrast aesthetic with exposed structures and minimal styling.

What is the best way to make an admin dashboard look raw and unfinished?

The best way to make an admin dashboard look raw and unfinished is to apply brutalist styling. Use monospace typography, harsh borders, default-like controls, and high-contrast colors while stripping away decorative effects to expose the structural elements of the layout.