SKILLS & AGENTS/Skill 与 Agent·COLLECTION
av/remotion-bits
为 Remotion 视频添加动画组件,像搜索表情包一样即搜即用。Find and add ready-made animation components to Remotion projects with a single search command.
给Remotion视频项目用的现成动画组件,含图表、转场、文字显现等,可查找可安装。A searchable collection of pre-built animated components for Remotion, including charts, transitions, and text reveals.
怎么装:Install: npm install remotion-bits
02 / 现在的位置02 / Why now
首次发现FIRST SEEN
03 OCT 202603 OCT 2026
增长GROWTH
+1.2%+1.2%
483 → 489 stars · 7 个快照483 → 489 stars · 7 snapshots
状态STATUS
持续活跃Active
质量 AQuality A
star 数接近 500,说明已经有不少人在关注和使用489 stars and 28 forks show community interest
03 / 它能帮你做什么03 / What it helps you do
给Remotion视频直接套用现成动画
输几个字就能搜出想要的动画片段
把选中动画的代码直接拉进自己项目
按名字添加文字、粒子等现成组件
发布新版时自动更新记录并完成构建
Search for animation components by keyword and tags
Fetch individual bits directly into your Remotion project
Use pre-built components like AnimatedText and GradientTransition
Install the library via npm or jsrepo registry
Run a server to discover components from other tools
04 / 安装04 / Install
$ Node 用户的安装方式。The install route for Node users.
$ README 里给出的安装方式。The installation method given in the README.
两种装法选一个即可 —— 上面那条给命令行用户,下面那条给写代码的用户。Pick one of the two — the first is for command-line users, the second for people writing code.
在项目里运行 npm install remotion-bitsYou can install the package with npm install remotion-bits, or use npx remotion-bits find to search for components. You can also run npx remotion-bits mcp to start a server.
05 / 限制与风险05 / Limits and risk
风险不是警告,是可信度的一部分。以下结论只基于文档静态扫描,我们不会执行项目里的任何代码。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.
限制LIMITS
未知Unknown
静态扫描STATIC SCAN
在 README、SKILL.md 和依赖清单中没有匹配到已知风险模式。No known risk patterns matched in the README, SKILL.md or dependency list.这不等于安全that does not mean it is safe,只能说明文档里没写。 — only that the docs do not mention it.
静态扫描未发现明显风险,但不代表安全。The static scan did not detect any known risk patterns in the documentation, but this does not prove the package is safe. Review the source code before using in production.
这里只做静态扫描:读 README、SKILL.md 和依赖清单,不执行代码。没有命中不代表安全。This is static scanning only: we read the README, SKILL.md and dependency list, and never execute code. No findings does not mean safe.
依赖:Dependencies:@modelcontextprotocol/sdk, @types/three, prism-react-renderer, three, react, react-dom, remotion
{
"agents": [],
"apiKey": null,
"docker": null,
"taxonomy": {
"scores": {
"design": 6,
"ai-tools": 0,
"dev-tools": 1,
"indie-web": 0,
"skill-agent": 2,
"productivity": 0
},
"primary": "skill-agent",
"secondary": "collection"
},
"localRuntime": null,
"skillMdTotal": 2,
"skillMdErrors": [],
"treeTruncated": false,
"categoryScores": {
"data": 0,
"agent": 0,
"media": 4,
"design": 4,
"browser": 0,
"devtool": 1,
"security": 0,
"marketing": 0,
"productivity": 0
},
"classification": [
{
"signal": "2 SKILL.md with name + description",
"weight": 0.95
},
{
"signal": "package.json depends on @modelcontextprotocol/sdk + MCP framing",
"weight": 0.8
},
{
"signal": "skills/ directory with 4 markdown files",
"weight": 0.75
},
{
"signal": "README describes a Claude / Agent Skill",
"weight": 0.7
}
],
"scannedSources": [
"readme",
".github/skills/release/SKILL.md",
"skills/remotion-bits/SKILL.md"
],
"skillMdFetched": 2
}