Design System Validator Skill

Purpose

Validate that code adheres to design system specifications, checking token usage, component props, and style consistency.

Capabilities

• Check design token usage in CSS/SCSS
• Validate component prop usage
• Detect hard-coded values that should use tokens
• Ensure naming convention compliance
• Generate compliance reports
• Integrate with linting tools

Target Processes

• design-system.js
• component-library.js