算法艺术创作
algorithmic-art
通过代码和可调参数创作生成艺术与交互式视觉效果。
motion-design-skill【设计与创意】Official LottieFiles motion design principles — timing curves, easing, choreography, Disney's 12 principles adapted for UI. Implementation-agnostic: works with CSS, GSAP, Framer Motion, Lottie. Supports 40+ agents.
独立 GitHub 快照 · 自动分类 · 以原作者文档为准
name: motion-design-skill description: | Official LottieFiles motion design principles — timing curves, easing, choreography, Disney's 12 principles adapted for UI. Implementation-agnostic: works with CSS, GSAP, Framer Motion, Lottie. Supports 40+ agents. triggers:
Catalogue stub — full package: lottiefiles/motion-design-skill
Is the package already installed?
Check: your agent's skills directory contains motion-design-skill with content beyond this stub.
motion-design-skill and proceedWhich agent are you on?
npx skills add LottieFiles/motion-design-skill — or send ! npx skills add … as a chat message (add -g for global, omit for project-only)npx skills add LottieFiles/motion-design-skillnpx skills add LottieFiles/motion-design-skill or see GitHub READMEnpx skills add LottieFiles/motion-design-skill
motion-design-skillOfficial LottieFiles motion design principles skill. Covers timing curves, easing functions, animation choreography, and Disney's 12 classic animation principles adapted for UI contexts. Helps agents reason about when to animate, how to choose easing, how to sequence compound animations, and how to balance energy and weight in motion. Implementation-agnostic — the guidance applies equally to CSS transitions, GSAP, Framer Motion, Lottie, or any other animation toolchain. Supports 40+ AI coding agents.
shader-dev)gsap-skills or framer-motion-skills)