Erstellt eine neue Schatten-Definition im Design-System eines Projekts.
Tool Name
create_shadow
Beschreibung
Dieses Tool erstellt einen neuen Schatten im Design-System. Der Schatten wird als CSS box-shadow Wert definiert und einer GröĂenkategorie zugeordnet. Die Definition wird zunĂ€chst als Draft gespeichert. Verwenden Sie dieses Tool, um einheitliche Elevation-Levels fĂŒr Cards, Modals und andere UI-Elemente zu definieren.
Parameter
| Parameter | Typ | Required | Beschreibung |
|---|---|---|---|
| name | string | Ja | Semantischer Name des Schattens (z.B. "Card", "Modal", "Dropdown") |
| value | string | Ja | CSS box-shadow Wert (z.B. "0 4px 6px -1px rgba(0,0,0,0.1)") |
| category | string | Ja | GröĂenkategorie: sm, md, lg oder xl |
| projectId | string | Ja | ID des Projekts, zu dem der Schatten gehört |
Beispiel Request
{
"name": "Card",
"value": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
"category": "md",
"projectId": "proj_abc123"
}Beispiel Response
{
"success": true,
"data": {
"id": "shadow_ghi012",
"name": "Card",
"value": "0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1)",
"category": "md",
"projectId": "proj_abc123",
"status": "draft",
"createdAt": "2026-02-04T10:30:00Z",
"createdBy": "user_123"
}
}Hinweise
- Schatten werden als Draft gespeichert und erfordern Review vor Aktivierung
- Audit-Log wird erstellt mit
source: "mcp" - Box-shadow Werte werden auf valide CSS-Syntax geprĂŒft
- Mehrere Schatten können mit Komma kombiniert werden
Verwandte Tools
- update_shadow - Bestehenden Schatten aktualisieren
- delete_shadow - Schatten archivieren