‹ 返回总目录
视频生成 最近更新12-30

video-motion-graphics

| 2026-08-01 收录

☆ 收藏
🛒 📚 AI提效实战指南 · 图解Skill🛒 📱 大流量手机卡 · 低月租📣 加入推广 · 佣金80-300/张 ›

🛍️ 更多精选好物 ›

📊 公开数据一览

📦 榜单安装量1.6K
⭐ GitHub Stars69(fork 11)
🗓️ 最近推送2025-12-30
🌱 项目创建2025-12-30
💻 语言 / License未标注 · MIT
🐛 开放Issue1

📝 工具简介

基于迪士尼12项动画原理的Claude Code技能,用于制作动态图形。

📖 怎么用

装插件,在 Claude Code 配置里加 `json { "plugins": [ "animation-principles@github:dylantarre/animation-principles" ] }`,或者手动克隆 `git clone https://github.com/dylantarre/animation-principles.git ~/.claude/plugins/animation-principles`。装完就能用了,比如做庆祝动画说 `Use the animation-principles:joy-delight skill for this celebration animation`,新手直接 `Use animation-principles:absolute-beginner`,前端开发用 `Use animation-principles:frontend-developer`。一共 144 个技能,覆盖迪士尼 12 条动画原则。

📋 迷你测评

基于迪士尼12项动画原理的Claude Code技能,专做动态图形。亮点是理论框架扎实,让动画更自然。适合追求专业动效的开发者。

📄 README 要点

这个技能市场给Claude Code装上了迪士尼动画师的能力,一共144个技能,把迪士尼的12项动画原理拆成12组,每组12个。不管你是做UI微交互、游戏动画、加载状态还是复杂动效序列,它都能给出基于经典动画原理的指导。这12项原理包括挤压拉伸表现重量感、预备动作引导观众视线、 staging引导注意力等等。用这个能让Claude在任何场景下都有动画设计能力,你自己也能顺便学学这些原理。

查看英文原文
Animation Principles Skill Marketplace Give Claude the superpower of a Disney animator. A comprehensive collection of 144 Claude Code skills that teach Disney's 12 Principles of Animation and ways to apply them across every context, tool, and scenario imaginable. What is This? This is a skill marketplace for Claude Code that transforms Claude into a Disney animation expert. Whether you're building UI micro interactions, game animations, loading states, or complex motion sequences, these skills provide contextual guidance rooted in the timeless principles that made Disney animation legendary. There are 12 sets of 12 skills each. Use this to give Claude animation powers in any scenario or to learn more yourself. The 12 Principles Principle What It Does 1 Squash & Stretch Shows weight and flexibility through deformation 2 Anticipation Prepares the viewer for what's coming 3 Staging Directs attention to what matters 4 Straight Ahead / Pose to Pose Two approaches to creating movement 5 Follow Through / Overlapping Parts move at different rates 6 Slow In / Slow Out Natural acceleration and deceleration 7 Arc Organic curved motion paths 8 Secondary Action Supporting movements that reinforce 9 Timing Speed conveys weight and emotion 10 Exaggeration Push beyond reality for clarity 11 Solid Drawing Maintain volume and consistency 12 Appeal Charisma that draws viewers in Installation Claude Code Plugin Add to your Claude Code settings: [安装/使用命令见下方] Manual Installation [安装/使用命令见下方] Direct Use You can also reference skills directly in conversations: [安装/使用命令见下方] Skill Categories By Application Domain Skill Best For web motion design CSS/JS web animations mobile touch Touch gestures, mobile patterns game development Game UI and characters data visualization Charts and data storytelling micro interactions Small, delightful moments By Role Skill Best For frontend developer Code first implementation motion designer Professional motion design game designer Interactive game motion cre

💬 评论(0)

交流使用体验、避坑建议;违规内容将被删除

💬 意见反馈 / 联系客服

数据来源:skills.sh 榜单 + GitHub 公开数据,非人工实测,仅供参考