Gallery › 手把手教你做 Vibecoding 知识大赏 — two code-rendered knowledge films + a Codex Skill

手把手教你做 Vibecoding 知识大赏 — two code-rendered knowledge films + a Codex Skill

手把手教你做 Vibecoding 知识大赏 — two code-rendered knowledge films + a Codex Skill is a motion video made with Claude Code / Codex + Remotion by @_HIT_SZ_. Below is the exact skill that made it, ready to copy.

0 CommentsView on X ↗

Kinetic type Diagrams Charts

Comments

Loading…

siuser小伟@_HIT_SZ_ · all their videos

Claude Code / Codex + Remotion·2026-11-05·1 likes on X

The prompt

Open in Claude ↗

使用 $codex-knowledge-film，为我制作一条中文知识短片。 选题：【你的知识点，例如：为什么任务排得越满，做完的反而越少？】 规格：16:9，1080p，30fps，使用百灵 Ming-3.0 音频（音色：灵小锋）。 制作要求： 1. 先梳理一句话核心论点与分镜脚本，提炼生活中看得见、摸得着的视觉隐喻； 2. 先跑通 30 秒原型镜头，用同一时刻截图对比进行画面微调； 3. 配音使用百灵 API 先做样音，按实测音频时长反向锁定镜头与字幕时间轴； 4. 严格核对编码画面和台词边界，确保声画精准对齐。

Why this prompt works

It describes the result, not the steps, and lets the model choose the motion.

Make it yours

Fill in what you need and copy a version written for your project. Nothing leaves your browser.

What's it for Format Length Colours and style Must include

Install the skill

Skill: codex-knowledge-film. Scaffold: python3 ~/.codex/skills/codex-knowledge-film/scripts/new_film.py ~/Movies/my-knowledge-film --example queue && cd ~/Movies/my-knowledge-film && npm ci; preview: npm run studio; render: npm run render. GitHub repo: github.com/siuserxiaowei/knowledge-film-article-20261103 (full video source, Skill pack, prompt templates).

手把手教你做 Vibecoding 知识大赏 — two code-rendered knowledge films + a Codex Skill

Comments

More like this

Full-code 'most disturbing animal' vertical Short — entire prompt with XML sections

Claude Opus 5.5 15-second motion-graphics showreel from one sentence

Seedance 2.5 live-action Seoul petrol station scene (#MadeWithFrameo)

Every video you see is now a template — /reverse-any-video, one prompt, no human edits

HyperFrames product announcement video

15-second SaaS launch motion graphics showreel