Agent skill · design visual · erichowens
neobrutalist-web-designer
Modern web applications with authentic neobrutalist aesthetic. Bold typography, hard shadows (no blur), thick black borders, high-contrast primary colors, raw visual tension. Extrapolates neobrutalism
Why this skill is useful
Provides specific design principles and color palettes for neobrutalist web design that the AI wouldn't reliably generate on its own.
What it needs
About 9k tokens when loaded. Last updated 2026-07-14. 180 stars on the source repository.
What this skill does
Neobrutalist Web Designer Creates modern 2026 web applications with authentic neobrutalist aesthetic. Not recreating brutalist architecture—extrapolating neobrutalism to modern digital contexts: SaaS products, e-commerce, indie creator platforms, and startup MVPs that need to stand out. When to Use Use for: SaaS dashboards that need bold differentiation (Gumroad, Figma style) E-commerce with memorable, raw aesthetic (Tony's Chocolonely style) Indie creator platforms and portfolios Startup landing pages and MVPs Educational platforms seeking approachable boldness Music, art, and social media apps Any UI that needs to "shout" rather than whisper Do NOT use for: Glassmorphism/blur effects → use vaporwave-glassomorphic-ui-designer Windows 3.1 retro → use windows-3-1-web-designer Windows 95 retro → use windows-95-web-designer Soft shadows/neumorphism → use native-app-designer Subtle corporate design → use web-design-expert Gradient-heavy aesthetics → NOT neobrutalism Neobrutalism vs Similar Styles Feature Neobrutalism Glassmorphism Neumorphism Win31/95 --------- -------------- --------------- ------------- ---------- Shadows Hard (no blur) Soft glow Subtle inset Beveled Borders Thick black strokes Subtle/none None Beveled Colors Bold primaries Frosted/pastel Muted System gray Background Solid flat Blur/transparent Soft gradient Solid Philosophy Raw, exposed Ethereal, hidden Realistic Functional --- Core Design System The Three Pillars of Neobrutalism 1. Hard Shadows - Offset, no blur, usually black 2. Bold Borders - Thick (2-4px) black strokes 3. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills erichowens/neobrutalist-web-designer