Neo-Brutalist UI Design System Skill

Use this skill when users ask for bold, high-contrast UI refactors, reusable design systems, or full-page styling upgrades.

This skill is design-system-first, not template-first.

• Default behavior: preserve existing layout and content architecture.
• Rebuild layouts only when explicitly requested.

Core Principles

• Typography drives hierarchy more than decoration.
• Strong structure: 2px borders, explicit separators, deliberate spacing.
• Hard-edged surfaces: square corners by default on primary UI.
• Direct interactions: translate + shadow reduction for active states.
• Tokenize everything important (background/surface/text/border/accent/shadow).
• Reuse existing app theme when present; generate missing tokens only.

Design DNA Extraction (Required First Step)