vibe-motion/skills
agent skills for vibe motion
解决的问题
该项目提供了一组「技能」（模块化的动画和渲染工具），可集成到 AI 代理（如 Claude Code）中，以自动化生成高质量的视觉效果、动态图形和程序化动画。它弥合了基于文本的 AI 提示与专业级视频/SVG/HTML 渲染之间的差距。
如何工作
用户通过交互式脚本（npx skills add vibe-motion/skills）安装这些技能。安装后，AI 代理可根据用户请求触发这些工具，生成特定的视觉输出。该库包含多种专业渲染器：
- 视频与动画： 使用 Remotion 实现品牌发布视频、3D 计数器、黑胶唱片播放器和金融蜡烛图。
- 矢量与 SVG： 一个将像素化标志转换为可动画 SVG 的工具（
pixel2motion）。 - 3D 与模拟： Three.js 地球路径、3D 克拉德尼粒子和 p5.js 窗帘模拟的渲染器。
- UI/UX 动画： 键入效果、标尺进度条和聚光灯揭示效果的工具。
适用人群
希望借助 AI 驱动的工作流，快速生成复杂程序化动画和品牌资产的动态设计师、开发者和 AI 代理用户。
亮点
- 代理就绪： 专为集成到 Claude Code 等 AI 代理而设计。
- 多样视觉： 涵盖从 3D 粒子系统和全球航线到金融图表和品牌宣传视频的各类内容。
- SVG 转换： 包含将静态标志转换为动画就绪矢量图形的专用工作流。
- 动画原则： 提供一个技能，可将迪士尼的 12 条动画原则应用于代码驱动的运动，使动作更自然。
相关
- 项目
- 项目
- 项目
- 项目
- 项目