ant

Start by defining tokens for color, typography, and spacing, then specify component anatomy, states, and interaction behavior. This Skill produces Ant Design-based guidance with accessibility criteria and a QA checklist for code review.

Ant Design uses a primary color of #1677ff, a typography scale of 12/14/16/20/24/32 with Plus Jakarta Sans, and a spacing scale of 4/8/12/16/24/32. Semantic tokens for success, warning, and danger states are also defined.

Yes, it enforces WCAG 2.2 AA compliance, keyboard-first interactions, and visible focus states. Every accessibility rule must be testable in implementation, and conflicts between aesthetics and accessibility are resolved in favor of accessibility.

Guidelines should define default, hover, focus-visible, active, disabled, loading, and error states as relevant. They should also describe keyboard, pointer, and touch interactions plus responsive behavior and edge cases like long labels and empty states.

Token-based systems are less suitable for one-off marketing pages or highly experimental visuals where consistency across a product suite is not a goal. They add the most value in data-dense applications with many shared components.