MCPInstall

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
  1. 01

    Install

    Run the command in your project. The CLI asks which agents to install for.

  2. 02

    Describe the task

    Ask your agent for something this skill covers. It loads presentations automatically when relevant.

  3. 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

PrinciplePresentation Implementation
Squash & StretchBounce emphasis, elastic scaling
AnticipationBuild sequences, pre-reveal fades
StagingFocal point management, dimming
Straight Ahead / Pose to PoseMorph vs discrete transitions
Follow Through / OverlappingStaggered builds, delayed elements
Slow In / Slow OutEase animations, avoid linear
ArcMotion paths, curved entrances
Secondary ActionSupporting graphics follow primary
TimingBuilds 0.3-0.5s, transitions 0.5-0.8s
ExaggerationEmphasis effects, attention draws
Solid DrawingConsistent alignment, visual balance
AppealProfessional 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 TypeAnimationDurationDelay
TitleFade + Scale0.5s0s
SubtitleFade0.4s0.2s
Bullet 1Fade + Move0.3s0.3s
Bullet 2+Fade + Move0.3s+0.15s each
ImageScale from center0.5svaries
ChartCustom/Wipe0.6svaries

Presenter Tips

  1. Animate on click, not automatically—control your pacing
  2. Practice with animations—know what comes next
  3. Less is more—animation should clarify, not decorate
  4. Test on presentation display—timing feels different at scale
  5. 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

View all →

video-motion-graphics

dylantarre/animation-principles

Use when creating After Effects compositions, Premiere Pro motion, video titles, explainer videos, or broadcast motion graphics.

Media & Creative2.4K installs

mobile-touch

dylantarre/animation-principles

Use when designing iOS/Android gestures, haptic feedback, touch interactions, or native mobile animations.

Mobile2.4K installs

framer-motion

dylantarre/animation-principles

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Frontend & Design1.7K installs

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.

Frontend & Design1.6K installs

micro-interactions

dylantarre/animation-principles

Use when designing small UI feedback moments like button states, toggles, form validation, loading indicators, or notification badges.

Frontend & Design1.4K installs

web-motion-design

dylantarre/animation-principles

Use when building CSS animations, JavaScript transitions, React/Vue motion, or any browser-based animation work.

Frontend & Design1.3K installs

Popular docs & writing skills

View category →

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.

Docs & Writing1.2M installs

lark-markdown

open.feishu.cn

飞书 Markdown:查看、创建、上传、编辑和比较飞书中的原生 Markdown 文件。当用户要操作飞书 Markdown 文件,或比较其远端版本及本地草稿时使用。纯本地 Markdown 文件操作不触发本 skill。不负责将 Markdown 导入为飞书在线文档,也不负责文件搜索、权限、评论、移动、删除等云空间管理操作。

Docs & Writing778.7K installs

writing-beats

mattpocock/skills

Writing, exploit; assemble raw material into a journey of beats, grounding each term before a beat leans on it.

Docs & Writing490.7K installs

writing-shape

mattpocock/skills

Writing, exploit: shape raw material into an article, paragraph by paragraph.

Docs & Writing490.2K installs

writing-fragments

mattpocock/skills

Writing, explore: mine raw fragments, no structure yet.

Docs & Writing489.6K installs

writing-for-agents

mattpocock/skills

Writing documents for agents. Use when creating or editing skills, or modifying AGENTS.md or CLAUDE.md.

Docs & Writing479.3K installs