Animationen auflisten | MCP Server | CODEFLUSS

Listet alle Animationen, Transitions und Timing Functions des Design Systems auf.

Tool Name

list_animations

Beschreibung

Das list_animations Tool gibt alle im Design System definierten Bewegungs-Definitionen zurück. Dies umfasst CSS-Animationen, Transitions und Timing Functions (Easing-Kurven) für konsistente Bewegungen in der gesamten Anwendung.

Parameter

Dieses Tool benötigt keine Parameter.

Beispiel Request

{
  "jsonrpc": "2.0",
  "method": "tools/call",
  "params": {
    "name": "list_animations",
    "arguments": {}
  },
  "id": 1
}

Beispiel Response

{
  "jsonrpc": "2.0",
  "result": {
    "content": [
      {
        "type": "text",
        "text": "{\"animations\":[{\"id\":\"anim_001\",\"name\":\"fade-in\",\"keyframes\":\"@keyframes fade-in { from { opacity: 0 } to { opacity: 1 } }\",\"duration\":\"200ms\"},{\"id\":\"anim_002\",\"name\":\"slide-up\",\"keyframes\":\"@keyframes slide-up { from { transform: translateY(10px); opacity: 0 } to { transform: translateY(0); opacity: 1 } }\",\"duration\":\"300ms\"}],\"transitions\":[{\"id\":\"trans_001\",\"name\":\"default\",\"value\":\"150ms ease-in-out\"},{\"id\":\"trans_002\",\"name\":\"slow\",\"value\":\"300ms ease-in-out\"},{\"id\":\"trans_003\",\"name\":\"fast\",\"value\":\"75ms ease-in-out\"}],\"timingFunctions\":[{\"id\":\"ease_001\",\"name\":\"ease-in-out\",\"value\":\"cubic-bezier(0.4, 0, 0.2, 1)\"},{\"id\":\"ease_002\",\"name\":\"ease-out\",\"value\":\"cubic-bezier(0, 0, 0.2, 1)\"},{\"id\":\"ease_003\",\"name\":\"ease-in\",\"value\":\"cubic-bezier(0.4, 0, 1, 1)\"}]}"
      }
    ]
  },
  "id": 1
}

Response Format

Objekt mit drei Arrays:

animations

Feld	Typ	Beschreibung
id	string	Eindeutige ID
name	string	Name der Animation
keyframes	string	CSS @keyframes Definition
duration	string	Standard-Dauer

transitions

Feld	Typ	Beschreibung
id	string	Eindeutige ID
name	string	Name der Transition
value	string	CSS transition Wert

timingFunctions

Feld	Typ	Beschreibung
id	string	Eindeutige ID
name	string	Name der Timing Function
value	string	CSS cubic-bezier Wert