Generate Brutalism design-system guidelines with tokens, typography, and spacing.
npx skills add https://github.com/PiercingXX/xx-stack --skill brutalism
Please help me install this Agent Skill. Skill: brutalism Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/brutalism Command: npx skills add https://github.com/PiercingXX/xx-stack --skill brutalism
It translates the Brutalism design system aesthetic into clear, implementation-ready rules that prevent inconsistent components and inaccessible UI.
Ask the AI to produce Brutalism guidelines for a specific UI component (e.g., a primary button) using the required output structure and include states, accessibility acceptance criteria, and a QA checklist.
High-intent search queries and answers about installing and using this skill.
To establish Brutalism design system guidelines, define consistent typography, color tokens, and spacing rhythm. This prevents inconsistent components by translating the anti-design aesthetic into clear, implementation-ready rules for product interfaces.
Common Brutalism UI anti-patterns include inconsistent component styles and inaccessible interfaces. Avoid these by specifying do/don't implementation rules and prohibited styling choices to keep visual coherence across development teams.
Ensure accessibility in an anti-design UI by enforcing testable WCAG-oriented expectations. Define specific accessibility acceptance criteria for component states and validate them using a practical code-review checklist.
Yes, you can generate component interaction states using a Brutalism design system. It provides opinionated, testable guidance for authoring component rules, ensuring that anti-design elements maintain functional accessibility and consistent tokens.
Create typography tokens for a brutalist web interface by anchoring component decisions to a defined spacing rhythm and typography scale. This yields testable, implementation-ready guidance that prevents visual ambiguity across the design system.
takemo101Generate foundational system design documents in Japanese with Mermaid diagrams.
mchien15Convert design references into reusable HTML/CSS/JS components and design tokens.
PiercingXXGenerate implementation-ready Paper design-system guidance with WCAG acceptance criteria.
JKKN-InstitutionsAutomate UI/UX design tasks for Next.js applications using Tailwind CSS.
