ant
CommunityApply Ant Design system rules to ship consistent UIs
Design & Creative#responsive design#design tokens#design-system#ant design#component states#ui accessibility
AuthorPiercingXX
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It solves the problem of inconsistent, hard-to-maintain UI patterns by providing concrete Ant Design system guidance for data-dense, enterprise interfaces.
Core Features & Use Cases
- Token-driven styling foundations: defines typography, color, spacing, and layout constraints (e.g., Plus Jakarta Sans, JetBrains Mono, 12/14/16/20/24/32 scale, Ant palette tokens).
- Implementation-ready component rules: specifies required states (default/hover/focus-visible/active/disabled/loading/error where relevant), interaction behavior for keyboard/pointer/touch, and responsive/edge-case expectations like long labels and overflow.
- Accessibility and content standards: enforces WCAG 2.2 AA, visible focus states, keyboard-first interactions, and testable acceptance criteria with examples.
Quick Start
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.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ant Download link: https://github.com/PiercingXX/xx-stack/archive/main.zip#ant Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.