Animation Principles
iart-ai/motion-design-skills/skills/animation-principles作者 iart-ai3c129f769d90无许可证58 个星标收录于 2026年10月8日更新于 2026年10月8日仓库3个月前更新
This skill should be used when the user asks to "make this animation feel natural", "fix motion that feels stiff/floaty/cheap", "my animation looks robotic", "choose an easing curve", "how do I use the Graph Editor", "add overshoot or bounce", "Easy Ease isn't enough", "make snappy motion", "pick a duration for this transition", "stagger a list animation", "sync animation to a beat", or "review motion for good timing". It is the tech-agnostic foundation for deciding how something should move.
仅公开文件列表。将技能安装到工作区后即可查看文件内容。
| 路径 | 大小 | 类型 |
|---|---|---|
| README.md | 0 B | text/markdown |
| references/easing-curves.md | 5.2 KB | text/markdown |
| references/easing-graph-editor.md | 9.2 KB | text/markdown |
| references/twelve-principles.md | 4.4 KB | text/markdown |
| SKILL.md | 8.3 KB | text/markdown |
来源与署名
来源：iart-ai/motion-design-skills位于skills/animation-principles提交3c129f7
许可证： 无许可证
内容归原作者所有。SourceWeft 从公开仓库中收录这些内容。
更多来自 iart-ai/motion-design-skills 的技能
Shot Composition
iart-ai
规划镜头构图：网格、焦点、景深层、运镜与安全区，适用于视频与网页画面。
Remotion Video
iart-ai
使用 Remotion 在 React 中构建程序化、逐帧驱动的视频，并渲染为 MP4、GIF 或 WebM。
Motion Background
iart-ai
使用 CSS 渐变、GLSL 着色器或 canvas 粒子，构建细腻且无缝循环的网页动态背景。
Motion Art Direction
iart-ai
为动态图形设定创意与艺术方向：运动语言、调性、节奏与一致性规则。
Logo Animation
iart-ai
指导为网页、视频和应用启动画面制作标志动画，并提供静态回退方案。
Color Motion
iart-ai
指导动态设计中的调色板构建、渐变、颜色过渡与视频色彩管理。
更多Design & Creative技能
Theme Factory
anthropics
提供 10 套预设配色与字体主题，并可即时生成新主题，用于为幻灯片、文档、报告和 HTML 页面统一风格。
Slack Gif Creator
anthropics
为 Slack 创建尺寸与体积经过优化的动画 GIF，提供 PIL 绘图辅助、缓动函数与校验工具。
Frontend Design
anthropics
在构建或改造用户界面时，提供打造独特、有意图的视觉设计的指导。
Canvas Design
anthropics
依据写好的设计理念创作原创视觉艺术，输出 PNG 或 PDF，适用于海报、艺术作品等静态成品。
Brand Guidelines
anthropics
将 Anthropic 官方品牌配色与字体应用到需要体现 Anthropic 外观风格的各类产物上。
Frontend Design
anthropics
指导智能体为新界面或改版界面进行独特、有意图的视觉设计。