neobrutalism

Generate neobrutalism design tokens and component rules for web or game UI.

Updated Jul 9, 2026
One-click install
npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neobrutalism-ashesoftheundead
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: neobrutalism
Source: https://github.com/AshesOfTheUndead/rezurxlib/tree/main/skills/design/design-systems/style-skills/neobrutalism
Command: npx skills add https://github.com/AshesOfTheUndead/rezurxlib --skill neobrutalism-ashesoftheundead

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill solves the challenge of maintaining visual consistency and accessibility in modern, high-contrast user interfaces by providing a structured design-system framework.

Core Features & Use Cases

  • Design Token Management: Centralizes color, typography, and spacing tokens to ensure a unified visual language across all components.
  • Accessibility Compliance: Enforces WCAG 2.2 AA standards through explicit focus states and high-contrast color palettes.
  • Use Case: When building a new admin dashboard or game hub, use this Skill to generate consistent component variants, spacing rules, and typography scales that adhere to the neobrutalism aesthetic.

Quick Start

Use the neobrutalism skill to generate a set of design tokens and component rules for a new navigation sidebar.

Frequently Asked Questions about neobrutalism

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

FAQPage Schema
How do I create a neobrutalism UI design system with consistent design tokens?

To create a neobrutalism UI design system, use a framework that centralizes color, typography, and spacing tokens to ensure a unified visual language across all components. This approach maintains visual consistency for bold borders and high-contrast palettes.

What is neobrutalism UI design and how does it handle accessibility compliance?

Neobrutalism UI design is a structured framework for bold, high-contrast interfaces that enforces WCAG 2.2 AA accessibility standards. It achieves compliance through explicit focus states, defined semantic tokens, and rigorous QA checklists for web or game UI.

Can I use high-contrast design tokens for game hub UI development?

Yes, you can use high-contrast design tokens for game hub UI development. The framework facilitates creating consistent component anatomy, interaction states, and responsive behavior specifically suited for game UI alongside standard web development.

What's the best way to maintain visual consistency across high-contrast frontend components?

The best way to maintain visual consistency across high-contrast frontend components is by centralizing design token management. This structured framework defines consistent component variants, spacing rules, and typography scales adhering to the neobrutalism aesthetic.

Why does my neobrutalism-inspired user interface fail WCAG 2.2 AA standards?

Your neobrutalism-inspired interface may fail WCAG 2.2 AA standards if it lacks explicit focus states and high-contrast semantic tokens. The framework enforces accessibility through rigorous QA checklists and defined semantic tokens to resolve compliance issues.