---
title: "Bang Motion"
description: "Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS +…"
canonical: "https://potto.ai/zh/skills/bang-motion"
language: "zh-CN"
dateModified: "2026-09-15"
---

# Bang Motion

Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS +…

Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS + GSAP (+ Three.js bila perlu), dengan hasil yang bergerak seperti video sungguhan — bukan slide presentasi. Gunakan skill ini setiap kali user meminta "video promo", "opener", "intro animasi", "motion graphic", "bumper", "kinetic typography", "animasi teks sinematik", "explainer", "video penjelasan" (jurnalisme visual, kartun edukasi, kolase), atau menunjukkan referensi video promosi/explainer dan ingin dibuatkan versi web-nya — bahkan bila mereka tidak menyebut kata "motion graphic" secara eksplisit.

- 运行于: Claude Code, Codex, Cursor
- 输出: MP4
- 生成所用: Your agent's own model
- v2026.9.15 · bangtutorial

## Bang Motion 常见问题

Bang Motion 的作用、可运行它的智能体、所需的密钥，以及如何免费安装。

### Bang Motion 技能是什么？

Bang Motion 是 bangtutorial 提供的免费 agent 技能，用来制作 视觉体系 视频。 Membangun motion graphic sinematik di browser (promo video, opener, intro, bumper, kinetic typography, explainer/video penjelasan bergambar 16:9 atau 9:16) memakai HTML + CSS +…

### Bang Motion 会生成什么？

Bang Motion 会生成 MP4。

### 哪些 agent 可以运行 Bang Motion？

Bang Motion 可在 Claude Code、Codex和Cursor 中运行，也可在任何能读取 SKILL.md 的其他 agent 中运行。

### Bang Motion 需要 API 密钥吗？

不需要。Bang Motion 无需额外的 API 密钥即可使用。

### 如何安装 Bang Motion？

登录后，复制 Bang Motion 的安装提示词并粘贴到你的 agent，或下载它的 ZIP。Potto 上的每项技能都免费。

### Potto 上的 Bang Motion 是哪个版本？

Potto 提供 Bang Motion v2026.9.15，更新于 2026年9月15日。再次复制安装提示词即可获得最新版本。