Neobrutalism
CommunityBold UI with hard edges for maximum impact.
AuthorGeneralJerel
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Neobrutalism provides a focused design language and practical patterns for creating bold, high-contrast interfaces with thick borders, hard shadows, and unapologetic typography, enabling teams to achieve a distinct visual identity quickly and consistently.
Core Features & Use Cases
- Pattern Library: Ready-to-use CSS/SCSS templates for borders, shadows, typography, and color usage to enforce the Neobrutalism style across components.
- Rapid Prototyping: Convert design concepts into interactive components that maintain the aggressive aesthetic in dashboards, landing pages, and portfolios.
- Use Case: Build marketing pages or product UIs that communicate energy and rebellion while preserving accessibility through high contrast and clear typography.
Quick Start
Create a Neobrutalism card component with a 2px solid black border, strong shadow, and bold monospace typography.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: Neobrutalism Download link: https://github.com/GeneralJerel/awesome-style-refs/archive/main.zip#neobrutalism Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.