---
title: "React Bits Video"
description: "Build polished, fluid, cinematic animations as standalone HTML pages and render them deterministically to MP4 video."
canonical: "https://potto.ai/zh-Hant/skills/react-bits-video"
language: "zh-Hant"
dateModified: "2026-05-22"
---

# React Bits Video

Build polished, fluid, cinematic animations as standalone HTML pages and render them deterministically to MP4 video.

Build polished, fluid, cinematic animations as standalone HTML pages and render them deterministically to MP4 video. Ships with 14 text-animation components (split / blur / shiny / gradient / glitch / decrypted / typewriter / rotating / count-up with mechanical-odometer flip / shuffle / mask / wave / scramble), 11 canvas backgrounds, 7 WebGL fragment-shader backgrounds (liquid-ether, iridescence, prismatic-burst, lightning, plasma, beams, meta-balls), 24 outer-animation presets including 10 diversification ones (unmaskUp/Down/Left/Right, flipInX/Y, cubeIn, magneticIn, glitchIn, skewIn, kenBurnsIn, slideBlurIn, dropIn, irisIn), 8 scene-to-scene transitions, 3 element-level effects…

- 執行於: Claude Code, Codex, Cursor
- 輸出: MP4, Editable HTML
- 生成所用: Your agent's own model
- v2026.5.22 · GordenSun

## React Bits Video 常見問題

React Bits Video 的作用、可執行它的代理程式、所需的金鑰，以及如何免費安裝。

### React Bits Video skill 是什麼？

React Bits Video 是 GordenSun 提供的免費 agent skill，用來製作 視覺系統 影片。 Build polished, fluid, cinematic animations as standalone HTML pages and render them deterministically to MP4 video.

### React Bits Video 會產生什麼？

React Bits Video 會產生 MP4和Editable HTML。

### 哪些 agent 可以執行 React Bits Video？

React Bits Video 可在 Claude Code、Codex和Cursor 中執行，也可在任何能讀取 SKILL.md 的其他 agent 中執行。

### React Bits Video 需要 API 金鑰嗎？

不需要。React Bits Video 無需額外的 API 金鑰即可使用。

### 如何安裝 React Bits Video？

登入後，複製 React Bits Video 的安裝提示詞並貼到你的 agent，或下載它的 ZIP。Potto 上的每項 skill 都免費。

### Potto 上的 React Bits Video 是哪個版本？

Potto 提供 React Bits Video v2026.5.22，更新於 2026年5月22日。再次複製安裝提示詞即可取得最新版本。