Generate accessibility-focused Ant Design guidance with token-driven UI constraints.
npx skills add https://github.com/PiercingXX/xx-stack --skill ant
Please help me install this Agent Skill. Skill: ant Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/design-skills/ant Command: npx skills add https://github.com/PiercingXX/xx-stack --skill ant
It solves the problem of inconsistent, hard-to-maintain UI patterns by providing concrete Ant Design system guidance for data-dense, enterprise interfaces.
Use the ant skill to generate implementation-ready Ant Design guidance for a specific component or screen that must meet accessibility and token consistency requirements.
High-intent search queries and answers about installing and using this skill.
Apply Ant Design tokens to enterprise interfaces by enforcing concrete typography, color, spacing, and layout constraints. This ensures consistent UI patterns using a defined scale like 12/14/16/20/24/32 and specific palette tokens for repeatable styling.
Required UI states for Ant Design components include default, hover, focus-visible, active, disabled, loading, and error. Specifying these interaction states ensures repeatable rules for component anatomy and consistent behavior across data-dense applications.
Ensure Ant Design components meet WCAG 2.2 AA accessibility standards by enforcing visible focus states, keyboard-first interactions, and testable acceptance criteria. This approach provides clear accessibility and content standards with practical examples.
Ant Design works for responsive web applications by defining interaction behavior for keyboard, pointer, and touch inputs. It handles responsive edge-case expectations like long labels and overflow to satisfy token-driven constraints.
Manage component anatomy and interaction states in Ant Design by applying implementation-ready rules that specify required states and interaction behaviors. This approach delivers clear do and don't implementations for maintaining consistent UI patterns.
Typography and spacing constraints feel inconsistent when lacking token-driven styling foundations. Defining specific fonts like Plus Jakarta Sans and JetBrains Mono with a strict scale ensures repeatable rules and consistent UI implementation.
sotono-046Define design direction, color, typography, and spacing tokens for dashboards.
superpollo02Standardize Material Design UI implementation with design tokens and WCAG 2.2 AA accessibility constraints.
bergsideEnforce minimalist design-system specs with WCAG 2.2 AA accessibility rules.
PiercingXXGenerate enterprise design-system guidance with WCAG 2.2 AA acceptance criteria.
