15-Second Motion-Design Showreel

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).

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.

根据我提供的 [导数/积分] 课程提纲，做 3–5 分钟 Manim 微积分入门视频。

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