create_smart_component
Create design-intelligent components with auto-layout, proper padding, and sizing using built-in design defaults.
Instructions
Create a design-intelligent component with proper auto-layout, padding, and sizing. Uses component intelligence defaults.
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": {
"type": "<type>"
},
"name": "create_smart_component"
}
}Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| mode | No | Color mode (default: dark) | |
| type | Yes | Component type: button, input, card, avatar, badge, chip, switch, checkbox, radio, toast, tooltip, modal, dropdown, tabs, table, progress, skeleton, divider | |
| label | No | Text label for the component | |
| variant | No | Variant: default, sm, lg, icon, compact, spacious, pill, thin | |
| parentId | No | Parent node ID | |
| brandColor | No | Brand/accent color hex |