Listet alle Farbverlauf-Presets des Design Systems auf.
Tool Name
list_design_system_gradients
Beschreibung
Das list_design_system_gradients Tool gibt alle im Design System definierten Farbverläufe zurück.
Die Farbverläufe können nach Kategorie gefiltert werden und umfassen lineare, radiale und konische
Verläufe mit konfigurierbaren Farbstopps.
Parameter
| Parameter | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
| limit | number | Nein | Maximale Anzahl der Ergebnisse (1–100, Standard: 100) |
| category | string | Nein | Filtert nach Kategorie (z.B. brand, decorative, background, overlay) |
Beispiel Request
{
"jsonrpc": "2.0",
"method": "tools/call",
"params": {
"name": "list_design_system_gradients",
"arguments": {
"limit": 50
}
},
"id": 1
}Beispiel Response
{
"jsonrpc": "2.0",
"result": {
"content": [
{
"type": "text",
"text": "{\"gradients\":[{\"id\":\"grad_001\",\"presetId\":\"brand-primary\",\"name\":\"Brand Primary\",\"cssValue\":\"linear-gradient(135deg, #3B82F6 0%, #8B5CF6 100%)\",\"gradientType\":\"linear\",\"angle\":135,\"colorStops\":[{\"color\":\"#3B82F6\",\"position\":0},{\"color\":\"#8B5CF6\",\"position\":100}],\"category\":\"brand\",\"usageDescription\":\"Primärer Markenfarbverlauf für Hero-Bereiche\",\"isDefault\":true,\"isVisibleInEditor\":true,\"sortOrder\":1},{\"id\":\"grad_002\",\"presetId\":\"brand-secondary\",\"name\":\"Brand Secondary\",\"cssValue\":\"linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%)\",\"gradientType\":\"linear\",\"angle\":135,\"colorStops\":[{\"color\":\"#8B5CF6\",\"position\":0},{\"color\":\"#EC4899\",\"position\":100}],\"category\":\"brand\",\"usageDescription\":\"Sekundärer Markenfarbverlauf für Akzente\",\"isDefault\":true,\"isVisibleInEditor\":true,\"sortOrder\":2}],\"total\":2,\"organizationId\":\"org_001\"}"
}
]
},
"id": 1
}Response Format
Objekt mit folgender Struktur:
Hauptobjekt
| Feld | Typ | Beschreibung |
|---|---|---|
| gradients | array | Array der Farbverlauf-Objekte |
| total | number | Gesamtanzahl der Farbverläufe |
| organizationId | string | ID der zugehörigen Organisation |
Farbverlauf-Objekt
| Feld | Typ | Beschreibung |
|---|---|---|
| id | string | Eindeutige UUID des Farbverlaufs |
| presetId | string | Eindeutige Kennung (z.B. brand-primary) |
| name | string | Anzeigename des Farbverlaufs |
| cssValue | string | Vollständiger CSS-Gradient-Wert |
| gradientType | enum | Typ: linear, radial, conic |
| angle | number | Winkel in Grad (nur bei linear/conic, kann null sein) |
| colorStops | array | Array von Farbstopps (kann null sein) |
| category | string | Kategorie (z.B. brand, decorative) |
| usageDescription | string | Verwendungshinweis (optional) |
| isDefault | boolean | Ob es sich um ein System-Preset handelt |
| isVisibleInEditor | boolean | Sichtbarkeit im Page Builder Editor |
| sortOrder | number | Sortierreihenfolge |
Farbstopp-Objekt
| Feld | Typ | Beschreibung |
|---|---|---|
| color | string | Hex-Farbwert (z.B. #3B82F6) |
| position | number | Position in Prozent (0–100) |
Farbverlauf-Typen
| Typ | Beschreibung |
|---|---|
| linear | Linearer Farbverlauf mit konfigurierbarem Winkel |
| radial | Radialer Farbverlauf vom Zentrum nach außen |
| conic | Konischer Farbverlauf um einen zentralen Punkt |