2026Developer
BuildingMotion 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 devTo load it inside After Effects, build the panel and link the ae folder into Adobe's CEP extensions directory:
npm run build:panelThen open it from Window, Extensions, Motion QA.