validate_design_system
Validate a screen against approved design tokens to catch color, font, spacing, and border-radius violations. Get compliance percentage and fix suggestions to ensure design consistency.
Instructions
Validates whether a screen follows a given design token set. Checks colors, fonts, spacing, and border-radii against approved values and reports violations, compliance percentage, and suggestions for fixes.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| screenId | Yes | The screen ID to validate. | |
| projectId | Yes | The Stitch project ID. | |
| strictMode | No | If true, any unapproved value is a violation. If false, only flag values that are far from approved ones. | |
| approvedFonts | No | List of approved font family names. | |
| approvedRadii | No | List of approved border-radius values. | |
| approvedColors | No | List of approved color values (hex, rgb, hsl). | |
| approvedSpacing | No | List of approved spacing values (e.g. '4px', '8px', '16px'). |