AE-MCP

Übersicht

AE-MCP ist ein umfassender MCP-Server, der KI-Assistenten wie Claude die direkte Steuerung von Adobe After Effects ermöglicht. Er bietet über 70 Werkzeuge, die den gesamten Bewegungsgrafik-Workflow abdecken – vom Erstellen von Kompositionen bis zum Anwenden professioneller Effekte und Ausdrücke.

Hauptfunktionen

Related MCP server: After Effects MCP Server

Anforderungen

• Adobe After Effects 2024 oder neuer

• Node.js 18+

• macOS oder Windows

Installation

Schritt 1: MCP-Server installieren

git clone https://github.com/anthropics/ae-mcp.git
cd ae-mcp
npm install
npm run build

Schritt 2: CEP-Erweiterung installieren

macOS:

./scripts/install-cep.sh

Windows:

scripts\install-cep.bat

Schritt 3: KI-Assistent konfigurieren

Fügen Sie Folgendes zu Ihrer Konfigurationsdatei hinzu:

• macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

• Windows: %APPDATA%\Claude\claude_desktop_config.json

{
  "mcpServers": {
    "ae-mcp": {
      "command": "node",
      "args": ["/path/to/ae-mcp/dist/index.js"]
    }
  }
}

Fügen Sie Folgendes zu Ihren MCP-Einstellungen hinzu (~/.claude/settings.json):

{
  "mcpServers": {
    "ae-mcp": {
      "command": "node",
      "args": ["/path/to/ae-mcp/dist/index.js"]
    }
  }
}

Bonus: Dieses Repository enthält eine Claude Code Skill für verbesserte After Effects-Automatisierung. Kopieren Sie die Skill-Dateien in Ihr Claude Code-Skills-Verzeichnis:

cp -r SKILL/* ~/.claude/skills/

Die Claude Code Skill bietet spezielles Wissen über After Effects-Workflows, Eigenschaftsformate und Best Practices. Details finden Sie in SKILL/SKILL.md.

Schritt 4: After Effects starten

1. Starten Sie After Effects 2024+

2. Öffnen Sie Fenster > Erweiterungen > AE-MCP

3. Das Panel startet automatisch und beginnt, auf Befehle zu warten

Werkzeugkategorien

Projekt & Komposition

create_project · open_project · save_project · close_project · get_project_info · import_footage · create_composition · modify_composition · duplicate_composition · delete_composition · list_compositions · get_composition_info

Ebenenerstellung

add_solid_layer · add_text_layer · add_text_layer_advanced · add_shape_layer · add_null_layer · add_adjustment_layer · add_camera_layer · add_light_layer · add_av_layer · precompose_layers · modify_layer · delete_layer

Animation & Keyframing

set_keyframe · set_keyframe_advanced · apply_easy_ease · set_temporal_ease · offset_keyframes · scale_keyframe_timing · reverse_keyframes · copy_keyframes · get_keyframes

Ausdrücke

set_expression · get_expression · remove_expression · enable_expression · add_expression_control · apply_expression_template · link_properties

Effekte

apply_effect · apply_effect_template · modify_effect_properties · remove_effect · reorder_effects · copy_effects · list_effects

Bewegungsgrafik-Vorlagen

Asset-Verwaltung

import_folder · replace_footage · organize_project_items · find_missing_footage · collect_files · reduce_project

Marker & Timeline

add_composition_marker · add_layer_marker · get_markers · delete_marker · set_work_area

Schnellbeispiele

Animierte Einleitung erstellen

Create a 1920x1080 composition called "Intro" at 30fps, 5 seconds.
Add a text layer saying "Welcome" centered on screen.
Apply a slideInUp animation with easy ease.
Add a subtle glow effect.

Lower Third erstellen

Create a modern lower third:
- Name: "Sarah Chen"
- Title: "Lead Designer"
- Blue primary color
- Animate in and out
- 5 second duration

Physikbasierte Bewegung hinzufügen

Add a bounce expression to the position of "Logo" layer.
Set amplitude to 0.15, frequency to 4, decay to 6.

Animationsvorgaben

Federphysik (inspiriert von Remotion)

Bewegungsvorgaben

Fade: fadeIn · fadeOut Slide: slideInLeft · slideInRight · slideInUp · slideInDown · slideOutLeft · slideOutRight · slideOutUp · slideOutDown Scale: scaleIn · scaleOut · scaleInBounce Physik: bounce · elastic · overshoot Rotate: spinIn · spinOut

Ausdrucksvorlagen

Effektvorlagen

Architektur

ae-mcp/
├── src/                          # TypeScript source
│   ├── index.ts                  # Entry point
│   ├── stdio-server.ts           # MCP server (70+ tools)
│   ├── ae-integration/
│   │   ├── file-communicator.ts  # File-based IPC
│   │   └── generators/           # ES3 script generators
│   └── presets/                  # Animation, expression, effect presets
├── cep-extension/                # After Effects extension
│   ├── CSXS/manifest.xml
│   ├── jsx/host.jsx              # ExtendScript host
│   └── js/main.js                # Panel JavaScript
├── SKILL/                        # Claude Code skill
│   ├── SKILL.md                  # Skill definition
│   └── examples.md               # Animation examples
└── scripts/                      # Installation scripts

Kommunikationsablauf

AI Assistant (Claude)
        ↓
   MCP Server (Node.js)
        ↓ Write JSON command
   ~/Documents/ae-mcp-commands/
        ↓ Poll every 100ms
   CEP Extension
        ↓ Execute script
   After Effects DOM
        ↓ Write response
   *.json.response

Fehlerbehebung

1. Überprüfen Sie, ob der Debug-Modus aktiviert ist (das Installationsskript erledigt dies automatisch)

2. Starten Sie After Effects vollständig neu

3. Überprüfen Sie den Erweiterungsort:

   • macOS: ~/Library/Application Support/Adobe/CEP/extensions/ae-mcp

   • Windows: %APPDATA%\Adobe\CEP\extensions\ae-mcp

1. Stellen Sie sicher, dass das AE-MCP-Panel in After Effects sichtbar ist

2. Überprüfen Sie ~/Documents/ae-mcp-commands/ auf Befehlsdateien

3. Sehen Sie sich das Panel-Protokoll auf Fehler an

1. Öffnen Sie das ExtendScript Toolkit oder die Konsole in After Effects

2. Überprüfen Sie, ob die Kompositions-/Ebenenverweise vorhanden sind

3. Achten Sie auf ES3-Kompatibilitätsprobleme (keine Pfeilfunktionen, Template-Literale usw.)

Mitwirken

Beiträge sind willkommen! Bitte lesen Sie unsere Richtlinien für Mitwirkende, bevor Sie Pull-Requests einreichen.

Lizenz

MIT