Listet alle Effekte des Design Systems auf: Opacity, Border Radius, Focus Rings und Backdrops.
Tool Name
list_effects
Beschreibung
Das list_effects Tool gibt alle im Design System definierten visuellen Effekte zurĂŒck. Dies
umfasst Opacity-Stufen, Border-Radius-Werte, Focus-Ring-Stile und Backdrop-Effekte fĂŒr konsistente
visuelle Behandlung.
Parameter
Dieses Tool benötigt keine Parameter.
Beispiel Request
{
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"name": "list_effects",
"arguments": {}
},
"id": 1
}Beispiel Response
{
"jsonrpc": "2.0",
"result": {
"content": [
{
"type": "text",
"text": "{\"opacity\":[{\"id\":\"opacity_001\",\"name\":\"0\",\"value\":\"0\"},{\"id\":\"opacity_002\",\"name\":\"50\",\"value\":\"0.5\"},{\"id\":\"opacity_003\",\"name\":\"100\",\"value\":\"1\"}],\"borderRadius\":[{\"id\":\"radius_001\",\"name\":\"none\",\"value\":\"0\"},{\"id\":\"radius_002\",\"name\":\"sm\",\"value\":\"4px\"},{\"id\":\"radius_003\",\"name\":\"md\",\"value\":\"8px\"},{\"id\":\"radius_004\",\"name\":\"lg\",\"value\":\"12px\"},{\"id\":\"radius_005\",\"name\":\"full\",\"value\":\"9999px\"}],\"focusRings\":[{\"id\":\"focus_001\",\"name\":\"default\",\"value\":\"0 0 0 2px var(--color-primary-500)\"},{\"id\":\"focus_002\",\"name\":\"error\",\"value\":\"0 0 0 2px var(--color-error-500)\"}],\"backdrops\":[{\"id\":\"backdrop_001\",\"name\":\"blur-sm\",\"value\":\"blur(4px)\"},{\"id\":\"backdrop_002\",\"name\":\"blur-md\",\"value\":\"blur(8px)\"},{\"id\":\"backdrop_003\",\"name\":\"blur-lg\",\"value\":\"blur(16px)\"}]}"
}
]
},
"id": 1
}Response Format
Objekt mit vier Arrays:
opacity
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID |
| name | string | Token-Name (0-100) |
| value | string | Dezimalwert (0-1) |
borderRadius
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID |
| name | string | GröĂenbezeichnung |
| value | string | CSS-Wert in px |
focusRings
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID |
| name | string | Kontext (default, error) |
| value | string | CSS box-shadow Wert |
backdrops
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID |
| name | string | Blur-Stufe |
| value | string | CSS backdrop-filter Wert |