---
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/ja/skills/react-bits-video"
language: "ja"
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 を出力します。

### React Bits Video を実行できる agent はどれですか？

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/05/22 に更新されています。インストール用プロンプトを再度コピーすると最新版を取得できます。