- 形态
- Agent Skill
- 是否开源
- 是
- GitHub Stars
- ★ 1.0k
- 收录来源
- skill-github
能力说明
该技能教授AI代理如何像动效导演一样思考,在编写任何动画代码之前选择合适的时间、缓动、编排和情感意图。适用于任何动画系统(CSS、Framer Motion、GSAP、Lottie、Spring等)。通过8步检查表、动效个性原型、持续/缓动表、属性选择指南、常见模式和质量规则,帮助AI代理更好地理解和应用动效设计原则。
能力点
- ▪时间控制
- ▪缓动效果
- ▪多元素编排
- ▪情感映射
- ▪叙事结构
- ▪上下文适应
适用场景
UI动画设计微交互和反馈动画加载、成功或错误状态滚动触发或进度动画
接入方式
依赖:API Key
npx skills add LottieFiles/motion-design-skill
以上信息由 AI 基于公开资料整理,可能存在偏差,以来源为准。
常见问题
这个技能支持哪些动画系统?
支持CSS、Framer Motion、GSAP、Lottie、Spring等。
如何激活这个技能?
在进行UI动画、微交互、加载状态等设计时会自动激活。
相关 Skill
video-shotcraft
AI 视频技能,用于制作电影级产品宣传视频。
Agent SkillAI 视频动态设计
manim_skill
为 Manim 提供创建 3Blue1Brown 风格动画的 Agent 技能。
Agent Skill
drawio-skill
从自然语言生成 draw.io 图表,支持多种预设和导出格式。
Agent Skill
ai-design-skills
为AI编码工具提供设计能力,支持多种AI助手。
Agent Skill
logo-generator-skill
专业SVG标志生成器,提供多种设计变体和展示背景。
Agent Skill
claude-skill-aso-appstore-screenshots
生成高质量的App Store截图,提升应用下载率。
Agent Skill