npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@iflow-mcp/ishu86-after-effects-mcp

v1.0.0

Published

Advanced After Effects MCP server for motion graphics productivity

Readme


Overview

AE-MCP is a comprehensive MCP server that enables AI assistants like Claude to directly control Adobe After Effects. It provides 70+ tools covering the full motion graphics workflow — from creating compositions to applying professional effects and expressions.

Key Features

| Feature | Description | |---------|-------------| | 70+ Tools | Complete After Effects automation | | Animation Presets | Spring physics, bounce, elastic, slide, fade | | Expression Library | 20+ pre-built expressions (wiggle, loop, physics) | | Effect Templates | One-click professional looks (cinematic, VHS, neon) | | Motion Graphics | Lower thirds, title cards, transitions, logo reveals | | Reliable Architecture | File-based communication for stability |


Requirements

  • Adobe After Effects 2024 or later
  • Node.js 18+
  • macOS or Windows

Installation

Step 1: Install the MCP Server

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

Step 2: Install the CEP Extension

macOS:

./scripts/install-cep.sh

Windows:

scripts\install-cep.bat

Step 3: Configure Your AI Assistant

Add to your config file:

  • 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"]
    }
  }
}

Add to your MCP settings (~/.claude/settings.json):

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

Bonus: This repo includes a Claude Code Skill for enhanced After Effects automation. Copy the skill files to your Claude Code skills directory:

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

The Claude Code skill provides specialized knowledge about After Effects workflows, property formats, and best practices. See SKILL/SKILL.md for details.

Step 4: Launch After Effects

  1. Start After Effects 2024+
  2. Open Window > Extensions > AE-MCP
  3. The panel will auto-start and begin listening for commands

Tool Categories

Project & Composition

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

Layer Creation

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

Expressions

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

Effects

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

Motion Graphics Templates

| Tool | Styles | |------|--------| | create_lower_third | modern, corporate, news, minimal, social | | create_title_card | cinematic, documentary, social, minimal | | create_transition | wipe, dissolve, push, slide, zoom | | create_logo_reveal | fade, scale, slide, spin, glitch, particle | | create_text_animator | typewriter, fadeIn, scaleIn, slideIn, randomize, wave |

Asset Management

import_folder · replace_footage · organize_project_items · find_missing_footage · collect_files · reduce_project

Markers & Timeline

add_composition_marker · add_layer_marker · get_markers · delete_marker · set_work_area


Quick Examples

Create an animated intro

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.

Build a lower third

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

Add physics-based motion

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

Animation Presets

Spring Physics (Remotion-inspired)

| Preset | Description | |--------|-------------| | gentle | Subtle, smooth animations | | default | Balanced spring motion | | wobbly | Playful, bouncy animations | | stiff | Quick, responsive animations | | slow | Heavy, deliberate motion | | bouncy | High energy bounces | | snappy | Instant, responsive feel |

Motion Presets

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


Expression Templates

| Category | Templates | |----------|-----------| | Wiggle | wiggle · wiggleSmooth · wiggleFadeIn · wiggleFadeOut | | Loop | loopCycle · loopPingpong · loopOffset · loopContinue | | Physics | bounce · inertia · springy · overshoot | | Linking | matchPosition · offsetPosition · followWithDelay · inverseRotation | | Time | time · clock · countdown · frameNumber |


Effect Templates

| Category | Effects | |----------|---------| | Blur | gaussianBlur · directionalBlur · glassBlur | | Color | curves · colorBalance · brightnessContrast · vibrance | | Stylistic | glow · dropShadow · vignette | | Creative | cinematicLook · vhsRetro · neonGlow · filmGrain · chromaticAberration · duotone |


Architecture

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

Communication Flow

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

Troubleshooting

  1. Verify debug mode is enabled (the install script does this automatically)
  2. Restart After Effects completely
  3. Check extension location:
    • macOS: ~/Library/Application Support/Adobe/CEP/extensions/ae-mcp
    • Windows: %APPDATA%\Adobe\CEP\extensions\ae-mcp
  1. Ensure the AE-MCP panel is visible in After Effects
  2. Check ~/Documents/ae-mcp-commands/ for command files
  3. Look at the panel's log for errors
  1. Open the ExtendScript Toolkit or console in After Effects
  2. Verify composition/layer references exist
  3. Check for ES3 compatibility issues (no arrow functions, template literals, etc.)

Contributing

Contributions are welcome! Please read our contributing guidelines before submitting PRs.

License

MIT