Feature a build or sponsor the directory. DM @pranavmore69

Best X BuildsBrowse ↓

Production path · Code-drawn 2D

Code-drawn 2D and motion graphics

Opus writes Canvas, SVG, p5, or Remotion. You get frames you can rerender. Best for product UI, type, loops, and paper or pixel looks.

  1. Step 1

    Lock style before length

    Palette, type, character sheet, and a still of shot one. Hanif's ant colony and the Shaml lightbox both started from a prepared rig or a documented frame pipeline, not a vibe.

  2. Step 2

    Ask for a deterministic timeline

    Fixed fps, a clock in milliseconds, no wall-clock random. Seed any noise. You should be able to seek to t=3.2s twice and get the same pixels.

  3. Step 3

    Render frames, then encode

    Browser or Node draws frames. ffmpeg stitches them. Keep the HTML or JS so you can change a line of copy without regenerating a video model.

  4. Step 4

    Dump a contact sheet

    Every N frames, plus the first and last. Check loop closure, caption bounds, and whether a character's proportions drift.

Tools

  • HTML Canvas, SVG, p5.js, or Remotion
  • ffmpeg
  • Optional: HyperFrames, motion-ad skills, Papermotion, Lemo-Opuscar

Checks

  • Same timestamp rerenders the same frame
  • Loop returns to frame 0 without a pop
  • Brand colors and type match the sheet
  • No stock footage unless you listed it as an input

Videos on this path

  • 15-second resume reel

    Short prompt: a 15-second motion-graphics showreel that looks like a resume. Opus 5.5 on Max. No public source project.

  • 39-scene Clawd music video

    39-scene Clawd music video. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @Aadidev0.

  • A girl asks Claude what it loves

    28 s hand-drawn-looking story about a girl and a flower-like Claude mascot, consistent color/paper texture.

  • Anime battle trailer

    Anime battle trailer. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @ishuagra02.

  • Ant colony

    Ant colony. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @hanifproduktif.

  • Deconstructed motion workflow

    Deconstructed motion workflow. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @rexan_wong.

  • Living rice paper

    Living rice paper. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @AxtonLiu.

  • Mid-Autumn cutout

    Mid-Autumn cutout. Opus wrote rendering code. Frames came from Canvas, SVG, or a similar engine, not a video model. Posted by @NFT_Chen.

All videos

In short

When does this path fail?
Hands, fabric, photoreal faces, and long acting. Switch to a rig, a human animator, or an external image tool for those shots. Keep Opus on timing and structure.

← All how-to guides