Timing Function erstellen | MCP Server | CODEFLUSS

Erstellt eine neue Timing-Funktion im Design-System eines Projekts.

Tool Name

create_timing_function

Beschreibung

Dieses Tool erstellt eine neue CSS-Timing-Funktion im Design-System. Timing-Funktionen definieren die Beschleunigungskurve von Animationen und Transitions. Sie können vordefinierte Werte wie "ease" oder benutzerdefinierte cubic-bezier-Kurven verwenden. Die Funktion wird zunächst als Draft gespeichert und durchläuft einen Review-Workflow.

Parameter

Parameter	Typ	Required	Beschreibung
name	string	Ja	Eindeutiger Name der Timing-Funktion (z.B. "bounce", "smooth-out")
value	string	Ja	CSS-Timing-Funktion oder cubic-bezier-Wert
projectId	string	Ja	ID des Projekts, zu dem die Timing-Funktion gehört

Beispiel Request

{
  "name": "bounce",
  "value": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
  "projectId": "proj_abc123"
}

Beispiel Response

{
  "success": true,
  "data": {
    "id": "timing_xyz789",
    "name": "bounce",
    "value": "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
    "projectId": "proj_abc123",
    "status": "draft",
    "createdAt": "2026-02-04T10:30:00Z",
    "createdBy": "user_123"
  }
}

Hinweise