Transition erstellen | MCP Server | CODEFLUSS

Erstellt eine neue CSS-Transition im Design-System eines Projekts.

Tool Name

create_transition

Beschreibung

Dieses Tool erstellt eine neue CSS-Transition im Design-System. Transitions definieren einfache Übergänge zwischen Zuständen für einzelne CSS-Eigenschaften oder alle Eigenschaften. Die Transition wird zunächst als Draft gespeichert und durchläuft einen Review-Workflow, bevor sie in der Produktion verfügbar ist.

Parameter

Parameter	Typ	Required	Beschreibung
name	string	Ja	Eindeutiger Name der Transition (z.B. "smooth", "quick")
property	string	Ja	CSS-Eigenschaft oder "all" (z.B. "opacity", "transform")
duration	string	Ja	Transitionsdauer (z.B. "200ms", "0.3s")
timingFunction	string	Ja	Timing-Funktion (z.B. "ease-out", "cubic-bezier(...)")
delay	string	Nein	Verzögerung vor Start (z.B. "0ms", "100ms")
projectId	string	Ja	ID des Projekts, zu dem die Transition gehört

Beispiel Request

{
  "name": "smooth",
  "property": "all",
  "duration": "200ms",
  "timingFunction": "ease-out",
  "projectId": "proj_abc123"
}

Beispiel Response

{
  "success": true,
  "data": {
    "id": "transition_xyz789",
    "name": "smooth",
    "property": "all",
    "duration": "200ms",
    "timingFunction": "ease-out",
    "delay": "0ms",
    "projectId": "proj_abc123",
    "status": "draft",
    "createdAt": "2026-02-04T10:30:00Z",
    "createdBy": "user_123"
  }
}

Hinweise