Deepseek ArtifactsDeepseek Artifacts
Home/Prompts/Opus 5.5 Video
Motion Graphics & Video Workflows

Claude Opus 5.5 Video & Motion Graphics Prompts

Explore prompt playbooks for code-drawn 2D animations, Manim educational explainers, seamless UI morph loops, and code-rendered cinematic films.

The 7 Verified Opus 5.5 Video Production Paths

1. Code-Drawn 2DPure Canvas/JS, zero outside visual assets.
2. Math & ManimStrict formulas, synchronized TTS audio.
3. UI Morph LoopsSingle-element morphing via seek(t) springs.
4. Cinematic SandboxStrategic map sims, multi-scene code films.

All Opus 5.5 Video Prompts (16)

All Categories
Opus VideoFeatured
A Seamless UI Morph Loop

1440×1440 pure-time HTML UI loop: 8–12 states, closed-form springs, cursor-driven manipulation, NumPy beat grid, Playwright subframes + FFmpeg tmix.

A Seamless UI Morph Loop
Playwright + FFmpeg60 FPS
#UI Morph#Motion Graphics#Playwright+2
loop ~1 bar × 71:1
Use the full template for a beat-synced UI morph loop rendered from a single HTML scene with Playwright and FFmpeg.

Inputs I will provide: 8–12 UI states, one accent color (or monochrome), and a royalty-free track near 120 BPM.

Visual rules:
- 1440×1440 warm-gray canvas, Geist typography.
- ONE continuously morphing shell (never cut into separate layers); content swaps inside with short blur only.
- Visible cursor causes EVERY click and drag; drags set values from cursor position while held, release springs from current state.
- Restrained springs and camera zooms; NO bounce easing, particles, glow, chrome gradients, mismatched icon weights, dead air, or template SaaS look.

Beat map (7 bars): button → loader → check → dynamic island → player play/pause → scrubber drag → overextended volume slider → toggle → liquid tab indicator → self-drawing chart + tooltips → command palette type/filter → Enter → toast → return to starting button.

Engine:
- Single HTML file; seek(t) computes ALL properties; no CSS transitions, no setInterval, no hidden frame state.
- Closed-form spring step responses with superposition for multi-step targets; independent edge springs for tabs/toggles.

Render:
- Analyze audio in NumPy; start on downbeat; UI clicks on measured peaks.
- Playwright: 4 subframes per output frame; FFmpeg tmix → 60fps motion blur.
- Before full render: one still per beat; fix off-grid timing and legibility; avoid will-change on camera-scaled nodes; separate in/out text timing; last frame MUST match first (cursor pos + velocity).
twoclipping
Opus VideoFeatured
15-Second Motion-Design Showreel

Résumé-quality 15s motion reel; creator gave full creative freedom—agent picks type, transitions, and music.

15-Second Motion-Design Showreel
Code-driven Motion60 FPS
#Motion Graphics#Showreel#Typography
15s16:9
制作一段 15 秒的 dynamic motion-design showreel,用于设计师作品集。请尽情发挥(go all out):自主决定视觉系统、字体排印、转场语言和配乐(可用 Web Audio 生成或我提供的音轨)。

约束:
- 前两秒必须有强钩子;全程避免超过 0.4s 的静止。
- 结尾 1 秒留 memorable logo/type moment。
- 优先用代码渲染(Canvas/SVG/HTML),单文件或可复现渲染脚本。
- 先给 480p 预览 + 分镜表(时间码 + 画面描述),我确认后再出 1080p 母版。
Stephan Livera
Opus VideoFeatured
Inference Startup Launch Explainer

Modern, slick, punchy launch video for an inference startup—hook, proof, payoff from real product assets.

Inference Startup Launch Explainer
Remotion / Canvas60 FPS
#Launch#Product Demo#Motion Graphics+1
20–30s16:9
make a modern slick and punchy video for a modern startup that works on inference.

I will supply: product name, logo SVG/PNG, 3 UI screenshots, one-sentence value prop, brand colors.

Your tasks:
1. Turn this into hook (3s) → proof (latency/cost diagram, real UI) → payoff (CTA) for ~25s.
2. Do not invent customer logos, benchmarks, or compliance claims.
3. Render with Remotion or deterministic HTML/CSS animation; deliver MP4 + editable project if applicable.
4. Low-res preview first; list copy that legal must verify.
Deedy
Opus VideoFeatured
Calculus Lesson Explainer with Manim

Manim + edge-tts derivative lesson; educational path with longest median preview among seven production routes.

Calculus Lesson Explainer with Manim
Manim Community + LaTeX60 FPS
#Manim#Calculus#Education+2
3–5 min16:9
根据我提供的 [导数/积分] 课程提纲,做 3–5 分钟 Manim 微积分入门视频。

流程:
1. 列 3 项学习目标 + 引用来源;标注需确认的步骤。
2. 写逐镜讲稿:定义 → 几何直觉 → 极限式 → 求导法则示例 → 常见误区。
3. 用 Manim Community 渲染;旁白 edge-tts;生成 SRT 字幕与画面 lock。
4. 检查公式不被遮挡、字幕对齐、音轨不削波。
5. 交付:scene/*.py、render.sh、final.mp4、讲稿.md。若无法试听成片,标注「旁白需人工听审」。
LinearUncle
Opus Video
High-School Atmospheric Circulation Explainer

Line-art lesson with music, bilingual subtitles, TTS via TTS.md + .env deny pattern—exportable final video.

High-School Atmospheric Circulation Explainer
3D Sphere Canvas + TTS60 FPS
#Education#Line Art#TTS+2
2–4 min16:9
制作高中地理「大气环流」 engaging line-art 动画:轻松有趣、配乐、中英双语字幕、TTS 解说,最终可直接导出 MP4。

Setup:
- 我已将 TTS 接口文档放在 TTS.md;密钥在 .env(变量名 APIKEY, VOICE 等)。
- .claude/settings.json 含 "deny": ["Read(./.env)"] — 请用环境变量名调用 TTS,不要读取 .env 文件。

内容:三圈环流、信风、洋流示意;事实需准确;列出 3 条可能争议表述供我确认。
技术:JavaScript/Canvas 或 Remotion;旁白时间轴驱动字幕;接口支持时关闭 TTS 水印。
交付:源码、final.mp4、SRT、来源清单。
akokoi1
Opus Video
Cocktail Recipe Motion Graphic

30s JS/HTML pour animation from empty glass; each ingredient and measurement appears as added.

Cocktail Recipe Motion Graphic
2D Vector Motion60 FPS
#Motion Graphics#Food#Canvas 2D+1
30s9:16
我会提供一张鸡尾酒参考图 + 精确配方(材料与 ml/oz)。

请用 JavaScript/HTML 做 30 秒 motion graphic:
- 从空杯开始;每加入一种原料,显示名称、用量与液体层动画(密度可分色)。
- 风格接近参考图的扁平/线面插画;无外部图片资源(程序化绘制)。
- 时间轴 seek(t) 可复现;给 render/capture 说明(Chrome headless 或 FFmpeg)。
- 核对倒入顺序与总量;先 720p 预览再 1080×1920 终版。
Ror_Fly
Opus Video
81 Years of Indonesian History — Motion Graphics Scroll

Résumé-quality reel from first president to present; broad creative freedom with surprise storyboard.

81 Years of Indonesian History — Motion Graphics Scroll
Canvas seek(t) pipeline60 FPS
#History#Motion Graphics#Explainer
60–90s16:9
Create an impressive motion-graphics reel about Indonesia's history from its first president to the present — surprise me with the storyboard.

Requirements:
- Résumé-quality motion design; bold typography + archival-style abstract shapes (no unlicensed photos).
- Timeline with readable dates and president names; balance screen time across eras.
- Music-driven pacing; list factual claims for my review before final render.
- Deliver storyboard PDF/markdown, source project, and MP4.
Sonny Lazuardi
Opus VideoFeatured
The Battle of Austerlitz — Cinematic Code Film

4–5 min historically researched battle film in code; paintings as atmosphere reference; WebGL + narration pipeline.

The Battle of Austerlitz — Cinematic Code Film
Tactical Sand-table 3D60 FPS
#History#WebGL#Cinematic+2
4–5 min21:9
Request a 4–5 minute cinematic film about the 1805 Battle of Austerlitz, rendered entirely in code.

Requirements:
- Deep research; historically accurate strategy narration; exceptional visuals—not a generic infographic or RTS look.
- I attach paintings for inspiration (scale, smoke, cavalry, formations, landscape chaos)—do NOT trace them literally.
- You control story structure, pacing, WebGL/Canvas visual language, terrain, troop movements, Kokoro (or similar) narration, synthesized SFX.
- Deliver repository: renderer, terrain data, ffmpeg pipeline, render README.
- Validate maneuvers timeline; 960×540 animatic before final 4K pass.
WinterArc2125
Opus VideoFeatured
Talking-Head Video → Animated Line-Art B-Roll

Keep audio, subtitles, duration; PiP speaker bottom-right; main frame replaced with concept-matched line-art B-roll (~30 shots).

Talking-Head Video → Animated Line-Art B-Roll
Audio transcript + Canvas60 FPS
#Video Editing#Line Art#B-Roll+1
match source (~83s)9:16
Claude Code:safe mode,high effort,不加载外部 skill,不引入第三方素材。

输入:我提供的竖屏口播 MP4(唯一影像起点)。

要求:
- 原声、原字幕、总时长 100% 不变。
- 说话人缩到右下角圆形画中画,不得遮挡字幕。
- 主画面替换为 light humorous line-art B-roll,讲到什么概念画什么(Python 逐帧或矢量时间轴均可)。
- 按字幕切 ~30 镜头;每个切点检查对齐。
- 输出新文件名 MP4 + 改造计划表(时间段 → 原画面 → 新 B-roll 描述)。
公开说明:源片表演/声音仍来自原视频,不是从零生成。
Axton Liu
Opus VideoFeatured
Lemo-Opuscar — Cinematic Storyboard System (39 Styles)

Director + TECHNIQUE guides: brief, storyboard, deterministic Canvas/WebGL frames, timing, sound checks—MIT/CC BY pipeline.

Lemo-Opuscar — Cinematic Storyboard System (39 Styles)
Three.js / WebGL60 FPS
#Storyboard#Canvas#WebGL+2
project-dependent
使用 lemo-opuscar 开源管线制作一支 code-rendered 短片(无视频生成模型像素)。

步骤:
1. 从 https://lemomo-ai.github.io/lemo-opuscar/ 选择一种 STYLE.md(说明视觉规则与 palette)。
2. 按 DIRECTOR.md 写 brief:受众、情绪、节拍、禁止元素。
3. 按 TECHNIQUE.md 建 storyboard → 时间轴 → 确定性 drawFrame(t) / WebGL pass;共享 timing 模块;音效峰值对齐 UI/切镜。
4. 参考 styles/*/demo/film.js 组织场景;输出 contact sheet 抽检。
5. 交付:film.js、assets 清单、MP4、署名与 LICENSE(MIT 代码 + CC BY 4.0 指南)。

主题我指定为:[填写 1 句话 logline]
lemomo-ai
Opus Video
Papermotion — Paper-Cut Stop-Motion Engine

Deterministic paper-cut engine: physics, rigs, offline render, contact sheets—snow/roofs/sea samples labeled Opus 5.5.

Papermotion — Paper-Cut Stop-Motion Engine
SVG Filter + Paper Physics24 / 60 FPS
#Paper Cut#Physics#Stop Motion+1
30–60s
基于 Papermotion 引擎(https://github.com/francozanardi/papermotion)制作一支剪纸物理风定格动画短片,主题:[雪夜屋顶 / 海边纸浪 / 自选]。

要求:
- 使用仓库的 deterministic physics + character rigs;离线渲染帧序列。
- 分层纸材:阴影用 offset 层;关节用 pin 约束;风/重力参数可调。
- 生成 contact sheet 检查中间帧;运行 README 中的 sound check 流程。
- 输出 MP4 + 场景 JSON;在 credits 标明 Papermotion MIT 与素材来源。
- 参考 snow/roofs/sea 样片的 pacing,但不复制构图。
Francesco Zanardi
Opus VideoFeatured
Clearwater — Shallow-Water WebGL Simulation

Real-time shallow-water WebGL capture; 3D/real-time graphics path—program capture vs video-model distinction.

Clearwater — Shallow-Water WebGL Simulation
WebGL 2.0 + GLSL60 FPS
#WebGL#Simulation#3D+2
16:9
Create a "Clearwater" shallow-water simulation as a single HTML WebGL demo suitable for screen-recorded video.

Features:
- Height-field fluid step (stable timestep); reflective sky; caustics on floor; mouse click drops disturbances.
- Clean UI: pause, reset, viscosity slider.
- Optimize for 60fps on M1 GPU; no external textures (procedural noise).
- Include RECORD.md: recommended capture settings (OBS/Chrome flags), 10s hero shot storyboard.
- Public disclosure line: "Pixels from real-time WebGL program capture, not a video diffusion model."
Aurélien Gz
Opus Video
90-Second Motion & Sound Engineering Demo

Opus 5.5 asked for 90s motion-design demo with original piano score—composition left to agent per creator disclosure.

90-Second Motion & Sound Engineering Demo
HTML Canvas + Web Audio API60 FPS
#Motion Graphics#Sound Design#Piano+1
90s16:9
Ask Claude Opus 5.5 for a 90-second motion-design and sound-engineering demo with an original piano score.

Deliver:
- One continuous 90s MP4; visuals code-driven (vector/raster mix OK).
- Piano via Web Audio synthesis or rendered WAV stems; sidechain UI hits to piano rhythm.
- Chapters: intro typographic hit (0–8s) → rhythmic UI/audio visualizer (8–40s) → melodic bridge with spatial pans (40–70s) → finale logo + decay tail (70–90s).
- Mix to ~−14 LUFS integrated; document layers in mix.md.
- No external video models; list any sample packs if used.
kloss_xyz
Opus Video
Pixel Wizard — Canvas 2D Spell Loop

128×96 integer-scaled wizard; IDLE→CHARGE→CAST→RECOVER; pooled particles; seamless loop—public X prompt specs.

Pixel Wizard — Canvas 2D Spell Loop
Canvas 2D Sprite Buffer60 FPS
#Pixel Art#Canvas 2D#Loop+1
loop ~2s16:9
Create a self-contained pixel-art wizard animation in HTML with vanilla JavaScript and Canvas 2D.

Specs (from public creator prompt):
- Draw at 128×96 offscreen; integer-scale to window; smoothing off; integer coords; fixed ~24-color palette.
- Procedural ~24×32 wizard (hat, beard, robe, staff, gem); pose params interpolated then quantized to 8–12 fps sprite feel.
- Seamless state machine IDLE → CHARGE → CAST → RECOVER with staff motion, spiraling sparks, projectile, 1–2px shake.
- Preallocated particle pool; 60Hz update; zero allocations in loop.
- Minimal night scene + rim light; record 4s loop MP4 via capture instructions.
majidmanzarpour
Opus Video
Rainbow Road Pixel Animation

160×90 orange sprite on seven-color sinusoidal road; meteors/beams; near-miss dodge loop to BOOST→WARP seam.

Rainbow Road Pixel Animation
Pseudo-3D Projection Canvas60 FPS
#Pixel Art#Canvas 2D#Games+1
loop ~30–45s16:9
用 JavaScript + Canvas 2D 制作一支 [45] 秒、[16:9] 的 pixel 短片:橙色四足角色在 cosmic rainbow road 上躲避 meteor 与 laser(可 loop 为无缝片头)。

硬规格:
- 单个离线 HTML;160×90 逻辑分辨率;整数倍放大;关闭平滑;整数坐标;~32 色固定色板;禁止渐变/旋转模糊/抗锯齿。
- 12×8 橙色精灵;四帧 run cycle;七色 sin 道路 + 三层视差星空。
- 确定性攻击序列:jump / double-jump / slide / rainbow dash;near-miss 定格 + 轻 shake。
- 状态机 RUN→WARN→DODGE→NEAR_MISS→…→BOOST→WARP 接回第一帧;粒子池 + 60Hz 固定步进;循环零分配。
- 先渲染 5 秒样片检查轮廓与循环缝,再整段导出 MP4。
riku720720
Opus Video
Code-Drawn 2D Film — Playbook Template

Reusable survey template from awesome-opus-5-5-videos path #1: storyboard, deterministic frames, 5s sample first.

Code-Drawn 2D Film — Playbook Template
Canvas 2D + Spring math60 FPS
#Canvas 2D#Playbook#Motion Graphics+1
45s (template default)9:16
用 JavaScript + Canvas 2D 制作一支 [45] 秒、[9:16] 的短片,主题是 [主题],面向 [受众]。

不要使用外部图片、视频、字体或视觉模型;可用的音效来源仅为 [自己生成的 Web Audio / 我提供并有权使用的音频列表]。

先给我 6–8 个镜头的分镜,每镜写明开始/结束时间、画面主体、动作、字幕和转场。确定一个角色造型与有限配色,在全片保持一致。

把画面绘制为确定性帧,输出一个可重复渲染的源文件和 MP4。先渲染前 5 秒样片,检查文字溢出、角色连续性和运动速度;修正后再渲染整片。最后列出确实使用的素材、代码文件、音轨和人工尚需复核的问题。
awesome-opus-5-5-videos