All projects

2026Developer

Building

Motion QA

After Effects extension

An automated quality assurance panel for Adobe After Effects that catches animation errors, naming issues, broken expressions and missing assets before render.

  • React
  • FastAPI
  • Python
  • JavaScript

Overview

Motion QA is an automated quality assurance panel for Adobe After Effects. It scans open projects for common animation errors, naming convention issues, broken expressions, missing assets and timeline problems before a project is rendered or delivered.

QA Rules

  • Default or unnamed layers (warning): catches layers still named Shape Layer 1, Solid 1, Null 1 or Text 1.
  • Unused footage (warning): finds imported assets that no composition uses.
  • Missing or offline footage (error): detects unlinked media.
  • Layer out point overflow (warning): flags layers that run past the composition's duration.
  • Inconsistent frame rates (warning): finds comps whose frame rate differs from the main comp.
  • Expression errors (error): finds broken expressions that throw at runtime.

How It Is Built

  • Panel UI: React 19, Vite and vanilla CSS, with live counters, severity filters and a dark interface.
  • After Effects bridge: a CEP 11 extension for After Effects.
  • Scanner: an ES3-compatible ExtendScript engine that inspects comps, layers, properties and footage.
  • Backend: a FastAPI service reserved for cloud validation, rulesets and automated report generation.

Running It Locally

Outside After Effects the panel runs in the browser with mock data:

cd frontend
npm install
npm run dev

To load it inside After Effects, build the panel and link the ae folder into Adobe's CEP extensions directory:

npm run build:panel

Then open it from Window, Extensions, Motion QA.

“First, solve the problem. Then, write the code.”
— John Johnson
Made with Modulify