Your HyperFrames animation.
Now in After Effects

Turn your HyperFrames project into an editable .aep. Keep live text, real layers and keyframes for your next edit

0:00 / 0:00

What the skill does

Turn HyperFrames animations into editable After Effects projects with Claude Code

Editable text

Text stays editable, with original fonts preserved when available

Real After Effects layers

Shapes, images, and videos become native layers. No flattened exports

Frame-by-frame comparison

Animations become keyframes. The skill renders the result and compares it to the original

How it works

  1. 1

    Install the skill

    Add the skill folder to Claude Code, then restart it

  2. 2

    Ask Claude

    Open your HyperFrames project and ask Claude to convert it to After Effects

  3. 3

    Get your .aep

    Claude builds the After Effects project and compares it to the original

Before you start

You’ll need

  • Node.js 18+ and a HyperFrames project that renders.
  • After Effects 2023+ with “Allow Scripts to Write Files and Access Network” on.
  • ffmpeg for media conversion and the frame comparison.
Read the setup guide

Good to know

3D transforms flatten to 2D. Gradients and complex shadows become images with animated transforms. Font substitutions and blend modes can change the look a little. Tested on Windows; macOS is supported but not yet verified

Read the full workflow

Questions people ask

HyperFrames is a tool for making videos with HTML and GSAP animation. This skill takes a HyperFrames project and gives you the same film as an After Effects project you can keep editing.
An editable .aep with real layers and keyframes. Text stays live text, so you can change the words, fonts and timing in After Effects.
It supports Windows and macOS. It was tested on Windows; macOS has not been verified yet.
3D transforms flatten to 2D, gradients and complex shadows become images, and blend modes can mix a little differently. The comparison sheet shows you where.
The skill picks the closest installed font, keeps the line widths and writes the original font into the layer comment. Install the fonts for all users, restart After Effects and run the build again.
Yes. Download the skill or read its source on GitHub. You need Claude Code and After Effects to run it.

Clipwing Autopilot

Get your clips cut by a real editor

Send a video link. A real person, using AI tools, cuts, captions and reframes it. Drafts back in 3 days, unlimited requests

Get your sample video today