neo-brutalist-ui-system
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:
2pxborders, 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)
More from devfirexyz/ui-skills
dexiejs
Build and maintain Dexie.js data layers for IndexedDB-backed offline-first web applications. Use when tasks involve Dexie setup, schema/index design, CRUD/query implementation, transactions, live queries, migrations, or debugging in Vanilla JS, React, Next.js, TanStack Start, Svelte, or SvelteKit.
44inference-agent-ui
Build agent chat interfaces with ui.inference.sh in React or Next.js projects using shadcn registry components (Agent, Thread, PromptInput, Response, Tool, and widgets). Use for tasks involving AI chat UX implementation, tool-driven widget rendering, Vercel AI SDK stream protocol wiring, or inference.sh runtime uiTransform integration.
3