Projekt erstellen | MCP Server | CODEFLUSS

Erstellt ein neues Farbverlauf-Preset im Design System.

Tool Name

create_design_system_gradient

Beschreibung

Das create_design_system_gradient Tool erstellt einen neuen Farbverlauf im Design System. Der Farbverlauf wird mit CSS-Wert, Typ, optionalem Winkel und Farbstopps konfiguriert. Die Erstellung wird als Entwurfsänderung gespeichert und kann vor der Veröffentlichung überprüft werden.

Parameter

Parameter	Typ	Erforderlich	Beschreibung
presetId	string	Ja	Eindeutige Kennung (z.B. `sunset-glow`, `ocean-breeze`)
name	string	Ja	Anzeigename des Farbverlaufs
cssValue	string	Ja	CSS-Gradient-Wert (z.B. `linear-gradient(135deg, #3B82F6, #8B5CF6)`)
gradientType	enum	Ja	Typ: `linear`, `radial`, `conic`
category	string	Ja	Kategorie (z.B. `brand`, `decorative`, `background`, `overlay`)
sortOrder	number	Ja	Sortierreihenfolge für die Anzeige
isVisibleInEditor	boolean	Ja	Sichtbarkeit im Page Builder Editor (Standard: true)
angle	number	Nein	Winkel in Grad (für linear und conic)
colorStops	array	Nein	Array von Farbstopps mit `color` und `position`
usageDescription	string	Nein	Beschreibung der Verwendung dieses Farbverlaufs

Beispiel Request

{
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "name": "create_design_system_gradient",
    "arguments": {
      "presetId": "sunset-glow",
      "name": "Sunset Glow",
      "cssValue": "linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #8B5CF6 100%)",
      "gradientType": "linear",
      "angle": 135,
      "colorStops": [
        { "color": "#F59E0B", "position": 0 },
        { "color": "#EF4444", "position": 50 },
        { "color": "#8B5CF6", "position": 100 }
      ],
      "category": "decorative",
      "usageDescription": "Warmer Farbverlauf für dekorative Hintergründe",
      "sortOrder": 10,
      "isVisibleInEditor": true
    }
  },
  "id": 1
}

Beispiel Response

{
  "jsonrpc": "2.0",
  "result": {
    "content": [
      {
        "type": "text",
        "text": "{\"success\":true,\"gradient\":{\"id\":\"550e8400-e29b-41d4-a716-446655440000\",\"presetId\":\"sunset-glow\",\"name\":\"Sunset Glow\",\"cssValue\":\"linear-gradient(135deg, #F59E0B 0%, #EF4444 50%, #8B5CF6 100%)\",\"gradientType\":\"linear\",\"angle\":135,\"colorStops\":[{\"color\":\"#F59E0B\",\"position\":0},{\"color\":\"#EF4444\",\"position\":50},{\"color\":\"#8B5CF6\",\"position\":100}],\"category\":\"decorative\",\"usageDescription\":\"Warmer Farbverlauf für dekorative Hintergründe\",\"isDefault\":false,\"isVisibleInEditor\":true,\"sortOrder\":10}}"
      }
    ]
  },
  "id": 1
}

Response Format

Feld	Typ	Beschreibung
success	boolean	Ob die Erstellung erfolgreich war
gradient	object	Das erstellte Farbverlauf-Objekt

Validierung

presetId muss innerhalb der Organisation eindeutig sein
cssValue muss ein gültiger CSS-Gradient-Wert sein
gradientType muss linear, radial oder conic sein
presetId darf maximal 100 Zeichen lang sein

Hinweise

Neue Farbverläufe haben isDefault: false und können bearbeitet und gelöscht werden
Die Änderung wird als Entwurf gespeichert und muss veröffentlicht werden
Ein Audit-Log-Eintrag wird automatisch erstellt