Generate brutalist UI code with raw, unstyled components

Brutalism is a design-style child skill ('raw materials exposed - an intentional rejection of polish, gradients, and soft shadows'), part of the design-it family and not meant to be triggered directly. Three core principles: Unstyled Components (default browser styling for buttons, inputs, and links is celebrated, not overridden), Exposed Structure (grid lines, tables with visible borders, and stark boundaries separate content instead of whitespace), and Anti-Aesthetic (intentional awkwardness - elements might slightly overlap in a way that feels broken, or use system default fonts on purpose).

Use it when the user's request matches this raw, deliberately unpolished aesthetic - portfolio sites, art projects, or anti-corporate branding that wants to reject the smooth, gradient-heavy "AI slop" default. As a design sub-style, it's selected by the parent design-it skill's routing rather than invoked on its own.

Visual DNA is high-contrast and often clashing: pure #0000FF blue for links, #FF0000 red accents, on stark white or #C0C0C0 grey backgrounds - the Industrial Chic palette fits best. Typography is Courier New, Times New Roman, Comic Sans, or default sans-serifs, deliberately avoiding web fonts. Visuals lean into dithered images, pixelated graphics, or heavily compressed JPEGs. The web implementation uses standard HTML tags without overriding their default appearance wherever possible - a monospace body font, border: 1px solid #000 containers, border-bottom: 2px dashed #000 section dividers instead of margin/whitespace, and buttons deliberately styled to look like old Windows 95-era controls (border: 2px outset #ffffff with darker right/bottom borders, switching to inset on :active), plus plain system-blue underlined links (a { color: #0000FF; text-decoration: underline; }).

.brutalist-btn {
  background-color: #c0c0c0;
  border: 2px outset #ffffff;
  border-right-color: #000000;
  border-bottom-color: #000000;
  font-size: 24px;
}
.brutalist-btn:active { border-style: inset; }

SwiftUI reproduces the raw structural look with a monospace Courier New custom font throughout, plain black borders on containers (.border(Color.black, width: 2)), a simple Divider() instead of whitespace-based section separation, and an underlined blue "CLICK_HERE" text button styled like an unstyled web link rather than a native rounded button.

Designers and developers building a portfolio, art project, or anti-corporate brand statement that deliberately rejects smooth, polished defaults in favor of raw, exposed, intentionally awkward structure - the opposite instinct of most modern UI design work, used precisely because it stands out from it - the discipline is knowing which defaults to leave alone rather than which ones to override.