remotion-bits
Remotion视频动画组件与工具合集
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：remotion-bits。 它的用途是：Remotion视频动画组件与工具合集 完整的 Skill 内容见：https://321skill.com/skills/remotion-bits/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我在Remotion项目里加一个3D卡片翻转的动画效果。'，AI会通过集成的MCP工具调用 `find_remotion_bits` 搜索相关组件，并给出使用代码示例或直接通过 `fetch_remotion_bit` 获取组件代码插入到你的项目中。
介绍
Remotion Bits 是一个专为 Remotion 视频项目设计的综合性动画组件与工具库。它解决了在 Remotion 中快速实现复杂动画效果的需求，提供了大量开箱即用的组件，如文本特效、渐变过渡、粒子系统和3D场景等，让开发者无需从零开始编写动画逻辑。
该库提供了多种便捷的使用方式。你可以通过命令行工具（CLI）直接搜索和获取组件代码，无需安装到项目；也可以通过 MCP 服务器将其集成到 AI 开发工作流中，让 AI 助手帮你查找和插入合适的动画片段；当然，也可以像普通 npm 包一样安装到 Remotion 项目中直接导入使用。
它非常适合使用 Remotion 框架进行视频创作和自动化的开发者、内容创作者以及需要快速制作动态演示或宣传视频的团队。无论是制作社交媒体短视频、产品演示还是动态数据可视化，都能从中找到合适的动画素材。
使用建议是，对于探索和实验，优先使用 CLI 或 MCP 方式快速查找和预览组件；对于确定要在项目中长期使用的组件，再通过 npm 安装以获得完整的类型支持和构建优化。注意，该项目并非 Remotion 官方出品，但完全兼容 Remotion 生态。
核心特点
与零散的 Remotion 代码片段不同，这是一个经过系统化整理和封装的组件库，提供 CLI、MCP 和 npm 包三种无缝集成的使用方式，尤其通过 MCP 服务器实现了与 AI 工作流的深度结合，让 AI 能直接查找并应用动画组件。
注意事项
仅适用于基于 Remotion 框架的视频项目，不适用于其他动画库或视频编辑软件。
常见问题
Remotion Bits 是 Remotion 官方库吗？
不是，这是一个由社区维护的第三方组件库，但完全兼容 Remotion。
如何快速预览和试用组件？
使用 `npx remotion-bits find [关键词]` 命令搜索，或通过集成的 MCP 服务器让 AI 助手帮你查找。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/remotion-bits/raw/index.md 读取 remotion-bits 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/remotion-bits/raw/index.md（查看排版版本）