Colours, type and spacing
get_design_tokensExtract the design tokens a live page actually uses—color palette with contrast audit, type scale, radii, shadows, and spacing—to align new components with the existing product or spot accessibility issues.
Instructions
Extracts the design system the page actually uses: palette with contrast audit, type scale, radii, shadows and spacing. Use it to match a new component to an existing product, or to find accessibility problems in the live UI.
Tool call template
This tool declares no required parameters. Add optional parameters from the input schema as needed.
{
"id": 1,
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"arguments": {},
"name": "get_design_tokens"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| format | No | Output shape. "css" emits custom properties. | json |