Skip to main content
skill CX Codex

after-effects · iart-ai — Claude Code skill: what it does, how to install

Helps with Adobe After Effects expressions, export choices, performance issues, and project cleanup. Use it when you need a recipe or a .jsx automation script.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add iart-ai/motion-design-skills --skill after-effects -a claude-code
Open on GitHub

What after-effects does

This skill provides ready-to-paste guidance for Adobe After Effects: expressions, controller rigs, MOGRT templates, export decisions, and performance troubleshooting. It returns instructions and code assets rather than a rendered file.

Its material is split across references/expressions.md, references/export-recipes.md, references/performance-triage.md, and references/project-hygiene.md. The scripts/ folder includes .jsx files for batch layer renaming, sequential offsets, and applying an effect to layers.

The skill explains the difference between Render Queue and Adobe Media Encoder, including why transparent H.264 output gets a black background. That means H.264 should not be sought in Render Queue: use Adobe Media Encoder for MP4, and use ProRes 4444 or PNG/TIFF sequences when alpha is required.

What it helps with

  • write a wiggle or loopOut expression
  • build a controller rig with a Slider or null layer
  • choose an export codec with alpha support
  • diagnose slow previews or renders
  • relink missing footage and batch-rename layers

Example prompts for the agent

  • "Write a wiggle expression for a layer position and tell me where to paste it."
  • "Why does my transparent comp get a black background after H.264 export?"
  • "Create a .jsx script to batch-rename layers in After Effects."

How to install after-effects

1Skills CLI (Vercel)

npx skills add iart-ai/motion-design-skills --skill after-effects -a claude-code

2Manually: put the files in place

~/.claude/skills/after-effects/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/after-effects/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about after-effects

How do I install after-effects in Claude Code?

Run npx skills add iart-ai/motion-design-skills --skill after-effects -a claude-code, then run npx skills add iart-ai/motion-design-skills --skill after-effects -a claude-code again. The skill file is located at ~/.claude/skills/after-effects/SKILL.md.

What does after-effects do?

It supplies guidance for expressions, rigs, export settings, project organization, and troubleshooting slow previews, renders, crashes, or missing footage. It also covers ExtendScript workflows.

Why does H.264 export show a black background instead of transparency?

H.264 in MP4 cannot store an alpha channel, so transparent areas become black. Use ProRes 4444 or a PNG/TIFF sequence with RGB + Alpha for transparency.

Source text

SKILL.md · MIT
---
name: after-effects
description: This skill should be used when the user asks anything about Adobe After Effects — to "write an After Effects expression", "make a wiggle / loopOut / inertial bounce", "rig a control with a slider / null", "build a MOGRT / Essential Graphics template", "export AE to Lottie or Media Encoder"; OR to "export from After Effects", "export with transparency / an alpha channel", "fix a black background on export", "choose ProRes vs H.264", "which codec / what bitrate for 1080p / 4K", "stop H.264 disappearing from the Render Queue"; OR when "After Effects is slow / laggy / crashing / froze", "RAM preview won't play in real time", "AE is using all my memory / render takes forever", "how do I speed up After Effects"; OR to "organize my After Effects project", "relink missing footage", "fix broken links after moving files", "set a folder structure / naming conventions", "batch rename layers", or "write an ExtendScript / .jsx script". Covers expressions & rigging, export recipes, performance triage, and project hygiene.
version: 0.1.0
---

# After Effects

After Effects is GUI software, so this skill delivers knowledge and ready-to-paste assets — expressions, rig setups, export checklists, diagnostic flows, naming schemes, and ExtendScript — rather than a rendered file. It is a hub covering four domains; route to the matching reference for depth and complete recipes.

## Routing

| If the user wants to… | Go to |
|---|---|
| Write/debug an expression, rig sliders & nulls, build a MOGRT, export to Lottie | `references/expressions.md` (deep cookbook in `references/expression-library.md`) |
| Choose a codec/container, export with alpha, fix a black background, set bitrate, recover H.264 | `references/export-recipes.md` |
| Fix slow/laggy previews, slow renders, crashes, freezes, out-of-memory | `references/performance-triage.md` |
| Organize the project, relink missing footage, set naming/folders, batch-automate with .jsx | `references/project-hygiene.md` |

The `.jsx` automation scripts live in `scripts/`.

## Expressions & rigging

Expressions are JavaScript evaluated on the property they are pasted on; `value` is that property's value, `time` is comp time in seconds, and `index`, `thisLayer`, `thisComp` are in scope. An expression overrides keyframes unless it incorporates `value`.

```js
wiggle(2, 30);            // 2 wiggles/sec, amplitude 30 (property units)
loopOut("cycle");         // repeat keyframed range forever; "pingpong" / "offset" / "continue"
seedRandom(index, true);  // stable-but-unique per layer (timeless) before random()/wiggle()
thisComp.layer("Lead").transform.position.valueAtTime(time - 0.2 * index);  // staggered echo
```

Inertial bounce (overshoot/settle after the last keyframe) and the full loop/wiggle/rigging set are in `references/expressions.md`.

Rig controllable motion: add a null with **Slider / Checkbox / Color / Angle / Point** control effects, then reference them and parent transforms to drive many layers from one.

```js
ctrl = thisComp.layer("Controls");
amt  = ctrl.effect("Intensity")("Slider");   // Checkbox → 1/0, Color → [r,g,b,a]
value * amt;
```

Expose those controls via **Window → Essential Graphics** and **Export Motion Graphics Template** (.mogrt) for Premiere/AE editors.

## Export recipes

Two engines, and choosing wrong is the root of most export confusion:
- **Render Queue (RQ)** — masters/intermediates: ProRes, image sequences, lossless, alpha.
- **Adobe Media Encoder (AME)** — delivery: H.264 MP4, H.265, social presets.

Since AE CC 2014/2015 the native **H.264 output module was removed from the RQ** — make MP4s in AME, not the RQ. **H.264/MP4 cannot store alpha**, so a transparent comp exported to H.264 always fills with black; that is the classic "black background" complaint and not a bug. For transparency use **ProRes 4444**, a **PNG/TIFF sequence**, or **HEVC-alpha (Safari) + VP9/WebM-alpha (Chrome)**, with Output Module **Channels: RGB + Alpha**.

Quick targets: editor handoff → **ProRes 422 HQ**; master/grade or alpha → **ProRes 4444**; web/social/client → **H.264 via AME**, VBR 2-pass (~10–16 Mbps 1080p, ~35–45 Mbps 4K). Full matrix, social specs, and step-by-step alpha exports in `references/export-recipes.md`.

## Performance triage

Work top-down by symptom, cheapest fix first, and stop when it clears. Most settings are in `Edit > Preferences` (Win) / `After Effects > Settings` (Mac).

- **Slow previews:** Half/Third resolution → enable **Multi-Frame Rendering** → raise RAM allocation (leave ~6 GB for OS) → Adaptive fast previews → purge cache → Disk Cache on SSD/NVMe → solo heavy layers/effects → HW-accelerated decode → proxy heavy comps.
- **Slow renders:** confirm MFR on → RQ for masters / AME for delivery → HW decode H.264 → pre-render slow precomps → cheaper effects → transcode long-GOP to ProRes.
- **Crashes/freezes:** purge + empty disk cache → update **NVIDIA Studio** (not Game-Ready) drivers → reset prefs (`Ctrl/Cmd+Alt+Shift` on launch) → pull third-party plugins → free disk space → disable MFR if MFR-specific → roll back AE after a bad update.

MFR needs several GB RAM per active core. Ordered flows, exact preference paths, and the proxy workflow are in `references/performance-triage.md`.

## Project hygiene

Keep projects organized, portable, and automatable.

- **Folders:** numeric-prefixed bins (`01_Comps`, `02_Precomps`, `03_Footage`, …, `99_Old`) for stable sort order.
- **Naming:** `PROJECT_section_descriptor_v01`; precomps `PRE_`; rename solids/nulls to their role (`CTRL_master`); no spaces/special chars for farm/cross-OS safety.
- **Broken links:** AE references footage by path, so moving files breaks links. Double-click a missing item → **Replace Footage > File** and AE relinks the whole folder at once; enumerate with `File > Dependencies > Find Missing Footage`. **Always hand off projects via `File > Dependencies > Collect Files`**, never a bare `.aep`.
- **ExtendScript (.jsx):** wrap batches in `app.beginUndoGroup(...) / app.endUndoGroup()`; apply effects by **matchName** (e.g. `"ADBE Gaussian Blur 2"`), not the display name. Ready scripts: `scripts/batch-rename.jsx`, `scripts/sequential-offset.jsx`, `scripts/apply-effect-to-layers.jsx`.

Full naming scheme, label-color system, relink/Collect-Files/Reduce workflows, and scripting setup in `references/project-hygiene.md`.

## Reference files

- `references/expressions.md` — expressions, rigging, MOGRT, Lottie/Media Encoder basics.
- `references/expression-library.md` — deeper expression cookbook: tuned inertial bounce, all loop variants, advanced wiggle, valueAtTime echoes, seedRandom grids, full rigging + coordinate spaces, MOGRT and Lottie/Bodymovin steps, Media Encoder presets.
- `references/export-recipes.md` — full codec/alpha/bitrate matrix, per-platform social specs, step-by-step transparency exports, AME preset cautions.
- `references/performance-triage.md` — ordered preview/render/crash flows, preference paths and values, MFR/GPU/disk-cache tuning, pre-render & proxy workflow.
- `references/project-hygiene.md` — folder template, naming and label systems, relink/Collect Files/Reduce details, scripting setup.
- `scripts/batch-rename.jsx`, `scripts/sequential-offset.jsx`, `scripts/apply-effect-to-layers.jsx` — ExtendScript automations.
</content>

© iart-ai · MIT · iart-ai/motion-design-skills

Similar skills

Everything for Design →

after-effects by other authors comes first.

after-effects dylantarre Walks your agent through Disney's 12 animation principles inside Adobe After Effects, from squash and stretch to appeal. Useful when a character or UI needs to move right. CX Codex +1 887installs Illustrator SFKislev Control desktop Adobe Illustrator from the shell using the Flue bridge. The skill runs ExtendScript scripts and returns structured JSON without an MCP server. CX Codex +1 2,100installs Adobe SFKislev Connects coding agents to Photoshop, Illustrator, Premiere, After Effects, InDesign, and Audition via Flue. Runs ExtendScript and returns JSON without an MCP server. CX Codex +1 1,900installs n8n-expression-syntax czlonkowski This skill helps write and debug n8n expressions, including references to node output and webhook data. Use it while configuring workflow fields or tracing expression errors. CX Codex +1 6,600installs after-hours-editorial-template nexu-io Generates luxury dark editorial presentations with haute-couture typography and cinematic transitions. Built for fashion lookbooks and premium brand pitches. CX Codex +1 2,800installs video-motion-graphics dylantarre Applies Disney's 12 animation principles to After Effects and Premiere Pro workflows. Useful for refining easing, keyframe timing, and expressions in motion graphics projects. CX Codex +1 2,400installs sound-effects Barty-Bart Adds sound effects and music to motion graphics: builds a cue list, lands cuts on the beat, and checks loudness on the exported MP4. CX Codex +1 921installs

From the same set9

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor