ClaudeSkills
All examples

Video

Code-rendered launch sequence

Code Motion Studio renders a 15-second Paperplane sequence locally with Node.js, animated SVG frames, resvg and FFmpeg. The MP4 is original code graphics; no AI video model or Remotion workflow is executed.

Sample checkedChecked on 2026-10-04

The exported file

This preview shows the real exported artifact. Open the file to inspect or download it in full.

Open code-rendered MP4Read render provenance

How it was made

  1. 01

    Review the Paperplane sample and the code template’s three timed scenes: the problem, product workspace and call to action.

  2. 02

    Run the included Node.js Code Motion Studio tool to author 360 animated SVG frames with local vector graphics.

  3. 03

    Rasterize the SVG frames with resvg and encode them with FFmpeg as a 15-second, 1280 × 720 MP4 at 24 fps. Export the SVG poster and the render provenance record.

  4. 04

    Play the MP4 and inspect its metadata and provenance. Review the message and pacing for your own task before adapting the fixture.

The package behind the example

Open the skill page for the package source, runtime requirements and installation instructions.