
presentations
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
- Installs
- 652
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/dylantarre/animation-principles --skill presentations- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads presentations automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Presentation Animation
Apply Disney's 12 animation principles to Keynote, PowerPoint, Google Slides, and presentation software.
Quick Reference
| Principle | Presentation Implementation |
|---|---|
| Squash & Stretch | Bounce emphasis, elastic scaling |
| Anticipation | Build sequences, pre-reveal fades |
| Staging | Focal point management, dimming |
| Straight Ahead / Pose to Pose | Morph vs discrete transitions |
| Follow Through / Overlapping | Staggered builds, delayed elements |
| Slow In / Slow Out | Ease animations, avoid linear |
| Arc | Motion paths, curved entrances |
| Secondary Action | Supporting graphics follow primary |
| Timing | Builds 0.3-0.5s, transitions 0.5-0.8s |
| Exaggeration | Emphasis effects, attention draws |
| Solid Drawing | Consistent alignment, visual balance |
| Appeal | Professional polish, purposeful motion |
Principle Applications
Squash & Stretch: Use bounce effect sparingly for playful emphasis. Scale animations should feel elastic not mechanical. Key numbers can "pop" with slight overshoot.
Anticipation: Fade out previous content before new appears. Slight pause after slide transition before builds begin. Dim existing elements before highlighting new ones.
Staging: One focal point per moment. Dim completed content to 30-50% opacity. Use motion to direct eye path. Build complex diagrams piece by piece.
Straight Ahead vs Pose to Pose: Morph transitions (Keynote Magic Move, PowerPoint Morph) create fluid straight-ahead motion. Standard builds are pose to pose. Use morph for transformation stories.
Follow Through & Overlapping: Build related items with 0.1-0.2s delays. Supporting text follows primary graphic. Bullet points stagger naturally. Don't animate everything simultaneously.
Slow In / Slow Out: Always use ease-in-out or ease-out. Never linear—looks robotic. Keynote: "Ease In & Out". PowerPoint: use custom motion paths with curve handles.
Arc: Motion paths should curve naturally. Elements entering from sides arc inward. Exit animations arc toward edges. Straight lines feel mechanical.
Secondary Action: Icons animate alongside text reveals. Arrows appear as relationships are explained. Background subtle shifts support primary content.
Timing: Text builds: 0.3-0.5s. Graphic reveals: 0.4-0.6s. Slide transitions: 0.5-0.8s. Complex sequences: 0.2-0.3s between elements. Match pacing to speaking rhythm.
Exaggeration: Use scale emphasis for key points. Pulse effect for critical numbers. Shake for contrast/disagreement. Reserve exaggeration for truly important moments.
Solid Drawing: Maintain grid alignment during motion. Consistent transform origins. Elements should feel anchored to the slide structure.
Appeal: Purposeful animation builds credibility. Excessive motion distracts and annoys. Every animation should serve communication.
Software Patterns
Keynote
Best builds: Dissolve, Move In, Scale
Magic Move: Most powerful transition—objects morph between slides
Timing: Use "Build Order" panel for precise sequencing
Tip: Group objects that should animate together
PowerPoint
Best entrances: Fade, Fly In (with custom path)
Morph transition: Objects with same name transform
Timing: Animation Pane for sequencing
Tip: Use "With Previous" + delay for stagger
Google Slides
Limited but functional: Fade, Fly in
No morphing: Use Fade for cleanest transitions
Timing: Less control—keep animations simple
Tip: Fewer, better animations beat many poor ones
Build Sequences
| Content Type | Animation | Duration | Delay |
|---|---|---|---|
| Title | Fade + Scale | 0.5s | 0s |
| Subtitle | Fade | 0.4s | 0.2s |
| Bullet 1 | Fade + Move | 0.3s | 0.3s |
| Bullet 2+ | Fade + Move | 0.3s | +0.15s each |
| Image | Scale from center | 0.5s | varies |
| Chart | Custom/Wipe | 0.6s | varies |
Presenter Tips
- Animate on click, not automatically—control your pacing
- Practice with animations—know what comes next
- Less is more—animation should clarify, not decorate
- Test on presentation display—timing feels different at scale
- Have a backup with no animations for technical issues
FAQ
What does the presentations skill do?
Use when creating Keynote, PowerPoint, Google Slides animations, or any presentation motion design work.
How do I install presentations?
Run npx skills add https://github.com/dylantarre/animation-principles --skill presentations in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/presentations/ (personal) or .claude/skills/presentations/ (project).
Which AI agents can use presentations?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is presentations safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains presentations?
It is published by dylantarre in dylantarre/animation-principles. It has 652 recorded installs.
More from dylantarre/animation-principles
video-motion-graphics
dylantarre/animation-principles
Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.
mobile-touch
dylantarre/animation-principles
Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.
framer-motion
dylantarre/animation-principles
Use when implementing Disney's 12 animation principles with Framer Motion in React applications
motion-designer
dylantarre/animation-principles
Use when designing visual motion systems, creating animation specifications, or when a designer needs guidance on crafting beautiful, meaningful movement.
micro-interactions
dylantarre/animation-principles
Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.
web-motion-design
dylantarre/animation-principles
Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.
Popular docs & writing skills
grill-with-docs
mattpocock/skills
A relentless interview to sharpen a plan or design, which also creates docs (ADR's and glossary) as we go.
lark-markdown
open.feishu.cn
飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。
writing-beats
mattpocock/skills
Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.
writing-shape
mattpocock/skills
Writing, exploit: shape raw material into an article, paragraph by paragraph.
writing-fragments
mattpocock/skills
Writing, explore: mine raw fragments, no structure yet.
writing-for-agents
mattpocock/skills
Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.