$ loading_
Validate design tokens for accessibility, scale, and design system consistency.
Copy the install command and let the AI configure it · recommended for beginners
Please install the "Design Constraint Validator" MCP server from askskill: Run: claude mcp add 'io-github-cseperkepapp-design-constraint-validator' -- npx -y design-constraint-validator
Validate the color tokens in this set, identify combinations that fail accessibility contrast requirements, and suggest fixes: primary text #1F2937, background #FFFFFF, secondary text #9CA3AF, button background #3B82F6, button text #FFFFFF.
Returns contrast check results, failing color pairs, and actionable adjustment suggestions.
Check whether these design tokens follow a consistent scale and point out anomalies: spacing=[4,8,12,16,24,32], fontSize=[12,14,16,20,28,30].
Returns scale consistency analysis, a list of anomalous tokens, and recommended normalization changes.
Validate whether these button tokens are consistent with the design system constraints: primaryButtonRadius=6, secondaryButtonRadius=8, buttonHeightSm=30, buttonHeightMd=36, buttonHeightLg=50; rules: unified corner radius and fixed-step button height increments.
Returns constraint violations, affected tokens, and suggested corrected values based on the rules.
Check CSS token drift against a chosen design token pack on demand.
Generate or audit design systems and review styling consistency changes.
Use design tokens, component contracts, and self-check HTML quality.
Validate text contrast, spacing, and language accessibility against WCAG 2.1.
Turn finalized designs into clear developer handoff specs for implementation.
Generate UI design rules, color palettes, and brand design references.