Projekt erstellen | MCP Server | CODEFLUSS

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

Tool Name

create_animation

Beschreibung

Dieses Tool erstellt eine neue CSS-Keyframe-Animation im Design-System. Animationen ermöglichen komplexe, mehrstufige Bewegungsabläufe für UI-Elemente. Die Animation 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 Animation (z.B. "fadeIn", "slideUp")
keyframes	string	Ja	CSS-Keyframes-Definition
duration	string	Ja	Animationsdauer (z.B. "300ms", "0.5s")
timingFunction	string	Nein	Timing-Funktion (z.B. "ease", "linear", "cubic-bezier(...)")
projectId	string	Ja	ID des Projekts, zu dem die Animation gehört

Beispiel Request

{
  "name": "fadeIn",
  "keyframes": "from { opacity: 0 } to { opacity: 1 }",
  "duration": "300ms",
  "timingFunction": "ease-out",
  "projectId": "proj_abc123"
}

Beispiel Response

{
  "success": true,
  "data": {
    "id": "animation_xyz789",
    "name": "fadeIn",
    "keyframes": "from { opacity: 0 } to { opacity: 1 }",
    "duration": "300ms",
    "timingFunction": "ease-out",
    "projectId": "proj_abc123",
    "status": "draft",
    "createdAt": "2026-02-04T10:30:00Z",
    "createdBy": "user_123"
  }
}

Hinweise