Listet alle Schatten-Definitionen des Design Systems auf.
Tool Name
list_shadows
Beschreibung
Das list_shadows Tool gibt alle im Design System definierten Box-Shadows zurück. Die Schatten sind
nach Größe kategorisiert (sm, md, lg, xl) und können direkt als CSS-Werte verwendet werden.
Parameter
Dieses Tool benötigt keine Parameter.
Beispiel Request
{
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"name": "list_shadows",
"arguments": {}
},
"id": 1
}Beispiel Response
{
"jsonrpc": "2.0",
"result": {
"content": [
{
"type": "text",
"text": "[{\"id\":\"shadow_001\",\"name\":\"shadow-sm\",\"value\":\"0 1px 2px 0 rgb(0 0 0 / 0.05)\",\"category\":\"sm\"},{\"id\":\"shadow_002\",\"name\":\"shadow-md\",\"value\":\"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)\",\"category\":\"md\"},{\"id\":\"shadow_003\",\"name\":\"shadow-lg\",\"value\":\"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)\",\"category\":\"lg\"},{\"id\":\"shadow_004\",\"name\":\"shadow-xl\",\"value\":\"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)\",\"category\":\"xl\"}]"
}
]
},
"id": 1
}Response Format
Array von Schatten-Objekten mit folgender Struktur:
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige ID des Schattens |
| name | string | Name des Schattens |
| value | string | CSS box-shadow Wert |
| category | enum | Größenkategorie: sm, md, lg, xl |
Größenkategorien
| Kategorie | Verwendung |
|---|---|
| sm | Subtile Erhöhung für kleine Elemente |
| md | Standard für Karten und schwebende UI |
| lg | Dropdowns, Modals, hervorgehobene Cards |
| xl | Große Dialoge, wichtige Overlays |