vibe-motion/skills

解决的问题

本项目提供了一系列“技能”（模块化动画与渲染工具），允许 AI Agent（如 Claude Code）生成高质量、通过编程驱动的视觉效果、动态图形和宣传视频。通过为 Agent 提供特定的渲染引擎和动画规则，弥合了基于文本的 AI 提示词与专业级视觉输出之间的鸿沟。

工作原理

用户通过交互式脚本（npx skills add vibe-motion/skills）安装技能。随后，AI Agent 使用这些工具执行特定的渲染任务。该库包含多种专业渲染器：

• 矢量与 Logo 动画： pixel2motion 等工具可将位图转换为 SVG 并进行动画处理，而 svg-assembly-animator 则可创建高能量的组装效果。
• 视频制作： brand-launch-video-star 可根据网站 URL 或产品图片创建快节奏的宣传视频，remotion-vinyl-player 可创建音乐播放器动画。
• 3D 与物理模拟： 用于渲染 3D 地球飞行路径（threejs-earth-render）、3D Chladni 粒子系统（3d-chladni-render）以及交互式 p5.js 窗帘模拟（printed-curtain-render）的工具。
• UI/UX 动画： 用于渲染 WeChat 风格聊天动画（wechat-2d-render）和金融 K 线图（remotion-candlestick）的工具。
• 设计原则： disney-animation-rule-skill 为 Agent 提供应用迪士尼动画 12 原则的框架，以提升代码驱动型动画的流畅度和质感。

适用对象

使用 AI Agent 自动创建品牌资产、社交媒体内容和 UI 动画，而无需手动编写每一帧代码的开发者和创作者。

亮点

• Agent 就绪： 专为集成到 AI Agent 工作流（如 Claude Code）而设计。
• 多样化的视觉风格： 涵盖从 2D SVG 动画到复杂的 3D 粒子系统及基于 Remotion 的视频渲染。
• 自动化品牌资产： 能够直接从 URL 生成专业的產品发布视频。
• 基于物理的运动： 包含布料/窗帘及类流体粒子运动的模拟。