---
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/skills/react-bits-video"
language: "zh-CN"
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 技能是什么？

React Bits Video 是 GordenSun 提供的免费 agent 技能，用来制作 视觉体系 视频。 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 上的每项技能都免费。

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

Potto 提供 React Bits Video v2026.5.22，更新于 2026年5月22日。再次复制安装提示词即可获得最新版本。