简体中文 | English

安装

npx skills add vibe-motion/skills

提示：这是一个交互式安装脚本。用空格选择要安装的 skills，建议全部安装；另外别忘了选择对应的智能体（例如 Claude Code），不同智能体的 skill 存放路径不同。

可用技能

ruler-progress-render

生成尺子进度动画。触发关键词：尺子进度动画；可配置文字和进度等参数。

claude-typer

把提示词文本转换为 Claude Code CLI 风格的打字动画演示。

procedural-fish-render

生成循环游动的 procedural fish 动画。

svg-assembly-animator

将静态矢量图转化为“力量感 + 速度感”明显的组装动效。

SVG	GIF

light-spotlight-render

生成摆动聚光灯扫过文字的 reveal 动画 HTML，可配置文本、摆幅、灯罩缩放、辉光和背景颜色。

remotion-3d-ticker

生成基于 Remotion 的无限循环 3D 照片滚动墙/瀑布流动画。可自由配置图片列、滚动方向与速度。

remotion-vinyl-player

生成优雅逼真的黑胶唱片机/音乐播放器动画。支持自定义专辑封面、歌曲信息，并包含唱片无限旋转与文字无缝循环滚动（跑马灯）的视觉效果。

threejs-earth-render

克隆或更新 vibe-motion/threejs-earth，并使用 Puppeteer 渲染 Three.js 3D 地球航线飞行动画。适用于地球飞线、城市航线转场和 16:9 地球动效 GIF/MP4 导出。

wechat-2d-render

克隆或更新 sxhzju/wechat-2d，并渲染默认微信聊天 2D 动效视频。适用于微信聊天动画、视频消息气泡动效和透明背景 Remotion 导出。

disney-animation-rule-skill

将迪士尼动画12原则应用于程序化动画的设计与工程实践。适用于创建、改进、审查或调试代码驱动的动画（Web、SVG、Canvas、React、Remotion、游戏、UI、角色、摄像机、3D 场景等），尤其当动画感觉僵硬、轻飘、机械、不清晰或物理正确但视觉表现力不足时。

杂项

鱼群模拟

基于 Three.js 的 boids 鱼群模拟项目。这个不是 skill，只作为独立项目展示。

项目地址：vibe-motion/threejs-boids

交流

• 微信交流群已满 200 人，无法通过二维码入群，请添加我的微信，我手动拉你进群
• TG 群：t.me/zjucat

Star History