Clipwing
All skills

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.

Animation & video · Claude Code
Download .skillView source

v1.0.0 · Updated 2026-10-13 · Free to download

HyperFramesAe After Effects
YOUR ANIMATION, NEXT CHAPTER

Keep it
in motion.

Editable text, layers & keyframes

Illustrative workflow · .html → .aep

A handoff you can keep editing

Text stays text

Editable text layers with matching fonts when available. Font substitutions are reported.

Layers stay useful

Boxes become shapes, images and video become footage, and nested compositions become precomps.

Motion gets checked

Animation becomes keyframes. Frame comparison helps you see how the export matches your original.

Start your
next workflow

Use Claude Code to run the conversion on your computer, alongside HyperFrames and After Effects.

1. Install the skill

Add the full folder to Claude Code

Copy the skill source folder, including scripts and references, into:

macOS~/.claude/skills/hyperframes-to-after-effects/
Windows%USERPROFILE%\.claude\skills\hyperframes-to-after-effects\

For one project, use .claude/skills/ inside the project. Restart Claude Code after installing.

Installing the .skill package in Claude

Download the package, open it in the Claude app and choose “Save skill”. The conversion still needs local access to your project and After Effects; Claude Code is the documented local workflow.

2. Check your setup

Have these ready

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

Tested on Windows. macOS support is included but has not yet been verified.

3. Ask Claude

Open your HyperFrames project

“Convert this to an After Effects project.”

The skill checks your setup, exports the composition, builds the After Effects project and compares frames.

Know what stays approximate

3D transforms flatten to 2D. Gradients and complex shadows become images with animated transforms. Font substitutions and blend modes can change the look.

Read the full workflow and limitations

Take your animation further

Download the skill and keep creating in After Effects.

Download .skillExplore all skills