Opus 5.5 — video & motionDifficulty: AdvancedProduction path: UI morph loop

120 BPM Beat-Synced UI Morph Loop

One HTML canvas loops between dashboard layouts on quarter-note hits; export frames via Playwright and stitch with FFmpeg for a seamless MP4.

Prompt

92 words · 604 characters
Create a seamless 8-bar loop at 120 BPM (4/4), 1920×1080, 60fps.

Visual: morph between 4 SaaS dashboard layouts (sidebar, KPI cards, chart, table) using only canvas 2D vector UI (no bitmap assets).
Sync: layout swaps on beats 1 and 3; micro-easing on off-beats (1/8 note flips).
Color: dark UI, accent #6366f1; interpolate palette over 32 beats.
Deliver:
1. index.html + render.js with deterministic seed.
2. playwright-capture.mjs: screenshot every frame for 8 bars.
3. ffmpeg command: image2 sequence → h264 yuv420p, loop-friendly last≈first frame.
Document beat grid in comments (frame index → beat).

Workflow notes

Median preview length for ui-morph paths in the awesome corpus ~25–52s; this loop targets ~4s for social. Verify loop seam by subtracting frame 0 from last frame in an diff tool.

  • Opus 5.5 — video & motionFeaturedIntermediate

    15s Dynamic Product Launch Showreel

    Motion-design brief for a kinetic typography + UI mock flythrough timed to 130 BPM, suitable for code-drawn canvas or Remotion export.

    Product demo & motionshowreellaunchkinetic-typeproduct-demo
    View details
  • Opus 5.5 — video & motionFeaturedAdvanced

    Lemo-Opuscar Multi-Style Film Director

    Director brief aligned with Lemo-Opuscar: pick among 39 visual styles, storyboard beats, deterministic frame render, shared timing + SFX checks.

    System promptdirectormulti-stylecanvasstoryboard
    View details
  • Opus 5.5 — video & motionFeaturedAdvanced

    Manim Calculus Lesson with Kokoro TTS

    Generate Manim Community scenes for limits/derivatives with synced narration from Kokoro-82m and a fact-check pass on all on-screen equations.

    Educational explainermanimmathttseducation
    View details

Build on Claude Fable5 with your eyes open

Know the Claude Fable5 cost math, the safeguard behavior, and the right tier before you commit. Create a free account to get notified when specs, prices, or access channels change.