Claude Code · Codex

Create 20–90-second vertical (9:16) slide explainers for product launches, capability demos, and short technical explanations. Use a fixed layout with a red pill label, large outlined white/yellow headlines, a glowing 16:9 demo card, two-line captions, and an original corner mascot. Real HTML/CSS/SVG demos show rotating CSS 3D objects, cards flipping in from behind the page, filter styles, dashed flow diagrams activated by cursor clicks, rising lists, crowds following a cursor, light export comparison tables, file-browser thumbnails, 2×2 demo grids, and hook carousels. A single props JSON drives the content; includes a Remotion scaffold, input validation, cue-sheet export, optional procedural music, QA, and evaluation inputs. Triggers include vertical explainers, slide explainers, HTML slide demos, card-based explainers, short-form explainers, CSS 3D demos, flow-diagram explainers, and PowerPoint/slide export explanations. The reference video is in Japanese; the template defaults to English on-screen text and also supports CJK.

ภาษา

• อังกฤษ

ข้อความบนจอ: ได้ทุกภาษา

สร้างด้วย

• Remotion

ต้องใช้

• Bun
• Node.js
• Python 3
• FFmpeg

ต้องใช้

• ไม่ต้องใช้คีย์ API

ทำงานใน

• Claude Code
• Codex

เอาต์พุต

• 9:16
• MP4

ใช้งานออฟไลน์

• ได้

การทดสอบ

• ผ่านการตรวจสอบโค้ดแล้ว · ยังไม่ได้ทดสอบเรนเดอร์

สร้างด้วย

• Your agent's own model