<Devsly/>
NotebookLM Watermark Remover
Remove the NotebookLM watermark from PDF slide exports — free, unlimited, and 100% in your browser.
View
NotebookLM Video Watermark Remover
Remove the NotebookLM watermark from every frame of your MP4 and auto-trim the end card — free and unlimited.
View
Gemini Watermark Remover
Remove the Gemini (Veo) sparkle watermark from every frame of your AI-generated MP4 — free and unlimited.
View
MCP https://devsly.io/mcp MCP Tools Best Skills API Docs
Devsly

Keyboard Shortcuts

Navigation

Quick Search
⌘ / Ctrl + K
Toggle Dark Mode
⌘ / Ctrl + D
Close Dialogs
Esc

Tool Actions

Execute / Process
⌘ / Ctrl + Enter
Clear Input
⌘ / Ctrl + Shift + C
Copy Output
⌘ / Ctrl + Shift + X

Editor

Select All
⌘ / Ctrl + A
Undo
⌘ / Ctrl + Z
Redo
⌘ / Ctrl + Shift + Z

Updated 3mo ago

by iart-ai

motion-design-skills

Motion design fundamentals, engines, and brand elements as installable Claude Code skills — timing, typography, color, composition, After Effects, Remotion, logos, and backgrounds.

Works with
  • Claude
View on GitHub (opens in a new tab)

130 GitHub stars (130)

+88 in 16 days

Stars gained per day · daily snapshots since Sep 30
Stars gained per day, Sep 30 to Oct 16: +88 in total; the busiest day was Oct 10 with +30 stars.Oct 1: +1 starsOct 2: +1 starsOct 3: 0 starsOct 4: 0 starsOct 5: +2 starsOct 6: +1 starsOct 7: +3 starsOct 8: +1 starsOct 9: +7 starsOct 10: +30 starsOct 11: +18 starsOct 12: +8 starsOct 13: +1 starsOct 14: +4 starsOct 15: +6 starsOct 16: +5 stars
Stars gained between daily snapshots
PeriodNew stars
Oct 1+1
Oct 2+1
Oct 30
Oct 40
Oct 5+2
Oct 6+1
Oct 7+3
Oct 8+1
Oct 9+7
Oct 10+30
Oct 11+18
Oct 12+8
Oct 13+1
Oct 14+4
Oct 15+6
Oct 16+5
  • 9 skills (9 skills found in its SKILL.md files)
  • 25 forks (25 forks)
  • 3mo ago last update (Last updated 3mo ago)

Install

Skills CLI

npx skills add iart-ai/motion-design-skills

Asks which skills and agents to install. Just one: npx skills add iart-ai/motion-design-skills --skill after-effects — add -g for every project.

Claude Code

git clone https://github.com/iart-ai/motion-design-skillscp -r "motion-design-skills/skills/after-effects" ~/.claude/skills/

Copies the after-effects skill into ~/.claude/skills/ for every project (use .claude/skills/ for one project). Repeat for the other skills listed below.

Plugin

/plugin marketplace add iart-ai/motion-design-skills

Run inside Claude Code if the repository ships a plugin marketplace, then pick plugins from /plugin.

Skills can run code on your machine — read the SKILL.md first.

What it does

In the author's own words, from each skill's SKILL.md.

  • after-effects

    This skill should be used when the user asks anything about Adobe After Effects — to "write an After Effects expression", "make a wiggle / loopOut / inertial bounce", "rig a control with a slider / null", "build a MOGRT / Essential Graphics template", "export AE to Lottie or Media Encoder"; OR to "export from After Effects", "export with transparency / an alpha channel", "fix a black background o…

    skills/after-effects/SKILL.md on GitHub (opens in a new tab)

  • animation-principles

    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 m…

    skills/animation-principles/SKILL.md on GitHub (opens in a new tab)

  • beat-sync-editing

    This skill should be used when the user asks to "cut to the beat", "fix the pacing", "edit this sequence", "sync cuts to music/BPM", "add a match cut / J-cut / L-cut", "build a speed ramp", or "plan a shot sequence / edit timeline". Covers editing rhythm, transitions, retiming, and translating an edit plan to an NLE or a code timeline (Remotion/AE frames).

    skills/beat-sync-editing/SKILL.md on GitHub (opens in a new tab)

  • color-motion

    This skill should be used when the user asks to "build a color palette for a motion piece", "make a gradient background", "animate a color transition", "interpolate colors smoothly", "fix muddy/gray gradients", "convert colors to OKLCH", "color-grade a video for mood", "fix washed-out After Effects renders", "gamma shift", "Rec.709 vs sRGB", "colors shifted after rendering", or "match preview to…

    skills/color-motion/SKILL.md on GitHub (opens in a new tab)

  • logo-animation

    This skill should be used when the user asks to "animate our logo", "make a logo intro/stinger", "build a brand reveal", "create an app splash animation", "loop a loader logo", "draw on our SVG mark", "morph an icon into the wordmark", or "sync the logo to a sound-logo". Covers web (SVG/Lottie), video, and app-splash delivery.

    skills/logo-animation/SKILL.md on GitHub (opens in a new tab)

  • motion-art-direction

    This skill should be used when the user asks to "direct a motion graphics video", "do creative/art direction for a video", "define a motion language", "set the tone and pacing", "make the animation feel consistent", "decide what to animate (and what not to)", "turn a brief/brand into motion choices", or needs the senior creative judgment that sits above specific techniques (gsap/lottie/shader). C…

    skills/motion-art-direction/SKILL.md on GitHub (opens in a new tab)

  • motion-background

    This skill should be used when the user asks to "add an animated background", "build a mesh/gradient background", "make an aurora/shader background", "add constellation/particle background", "animated hero background", or "a subtle looping background behind content". Covers CSS mesh gradients, GLSL shader gradients (Three.js), canvas particle constellations, seamless loops, and reduced-motion/per…

    skills/motion-background/SKILL.md on GitHub (opens in a new tab)

  • remotion-video

    This skill should be used when the user asks to "make a video with Remotion", "create a programmatic/data-driven video in React", "render an MP4/GIF from code", "animate with useCurrentFrame/interpolate/spring", "sync video to audio/beats", or "render a templated video per record headlessly". Covers building React compositions and rendering them via CLI or @remotion/renderer.

    skills/remotion-video/SKILL.md on GitHub (opens in a new tab)

  • shot-composition

    This skill should be used when the user asks to "compose a frame", "set up a grid", "plan shot composition", "place the focal point", "decide where elements enter and exit", "add a parallax/camera move", "adapt a layout for 16:9 / 9:16 / 1:1", or "keep content inside safe areas". Covers grids, safe areas, focal hierarchy, and 2D/3D camera framing.

    skills/shot-composition/SKILL.md on GitHub (opens in a new tab)

Review before you install

A skill is a set of instructions and scripts your agent will follow, and it can run code on your machine. Read the SKILL.md and any scripts first — this listing is not a security review.