Check design consistency across components
check_consistencyAnalyze components from different libraries for design inconsistencies such as mismatched border-radius, hardcoded colors, missing dark-mode variants, and conflicting libraries. Get actionable pointers to normalize your UI before shipping.
Instructions
Given a set of components (from get_component / search results), statically analyze their source for design clashes when mixed together: inconsistent border-radius scales, hardcoded colors vs theme tokens, missing dark-mode variants, and conflicting icon/animation libraries. Returns findings with concrete pointers so you can normalize the UI before shipping. Run this after assembling components from different libraries.
Tool call template
Replace each placeholder with a value matching the input schema. Only required parameters are included; add optional parameters as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {
"components": "<components>"
},
"name": "check_consistency"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| components | Yes | The components you plan to use together |