Repolode
Submit
iart-ai

iart-ai/motion-design-skills

A set of installable skills that give AI coding agents guidance on motion design, After Effects, Remotion video, logo animation, and motion backgrounds.

View on GitHubWebsite
Stars
140
Forks
28
Open issues
0
Last commit
4 months ago

What is it?

Motion Design Skills is a collection of nine skills for AI coding agents such as Claude Code, Cursor, and Codex. Each skill is a set of guidance covering a part of motion design: timing and easing, color and interpolation, shot composition, art direction, After Effects workflows, beat-synced editing, Remotion programmatic video, logo reveals, and looping backgrounds.

The skills are installed with npx skills add or as a Claude Code plugin marketplace entry, and they activate when a request touches motion, such as making an animation feel less stiff, animating a logo, or building a data-driven video in Remotion. The project is MIT licensed and written as HTML, with the skill content itself focused on design and tooling knowledge.

It is part of a larger set of packs from the same organization, each targeting a different audience such as social video creators, frontend developers, or educators.

Key features

  • 01Covers timing, easing, and core animation principles independent of any specific tool.
  • 02Provides guidance for After Effects expressions, rigging, export, and performance.
  • 03Includes Remotion skills for rendering React-based video to MP4 or GIF.
  • 04Offers logo reveal, stinger, and loader patterns for web, video, and apps.
  • 05Adds mesh gradient, shader aurora, and particle background guidance.
  • 06Installs into multiple AI coding agents via npx or a Claude Code plugin marketplace.

Use cases

  • Making a stiff or robotic UI animation feel more natural.
  • Building a kinetic typography video with staggered text reveals.
  • Generating a batch of data-driven videos from a CSV file with Remotion.
  • Adding a subtle looping background behind a website hero section.

Quick start

  1. 1

    Install the skills with npx

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

    Or add as a Claude Code plugin marketplace

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

    Install the plugin in Claude Code

    /plugin install motion-design-skills

Things to know

  • The README describes these as prompt guidance for AI agents, not standalone software, and it does not document a runnable app.
  • The full agent experience is hosted on iart.ai, and the README promotes it alongside the skills.

Topics

#motion-design#animation#after-effects#remotion#claude-code#ai-agents#video#logo-animation#claude-skill#kinetic-typography

FAQ

What is motion-design-skills?
A set of installable skills that give AI coding agents guidance on motion design, After Effects, Remotion video, logo animation, and motion backgrounds. Motion Design Skills is a collection of nine skills for AI coding agents such as Claude Code, Cursor, and Codex. Each skill is a set of guidance covering a part of motion design: timing and easing, color and interpolation, shot composition, art direction, After Effects workflows, beat-synced editing, Remotion programmatic video, logo reveals, and looping backgrounds.
Is motion-design-skills free to use? What license does it have?
motion-design-skills is open source under the MIT license. Check the license terms before using it in commercial products.
Is motion-design-skills still maintained?
Updated within 6 months. The last commit to motion-design-skills was on Jun 22, 2026.
What can I use motion-design-skills for?
Making a stiff or robotic UI animation feel more natural. Building a kinetic typography video with staggered text reveals. Generating a batch of data-driven videos from a CSV file with Remotion. Adding a subtle looping background behind a website hero section.
How do I install motion-design-skills?
Install the skills with npx: npx skills add iart-ai/motion-design-skills Or add as a Claude Code plugin marketplace: /plugin marketplace add iart-ai/motion-design-skills Install the plugin in Claude Code: /plugin install motion-design-skills
Where can I get motion-design-skills?
The source code and installation instructions are on GitHub: https://github.com/iart-ai/motion-design-skills

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects