Motion.page Plugin

Official plugin for Motion.page — the visual animation builder. Works with Claude Code, Cursor, Windsurf, GitHub Copilot, and 30+ other AI agents.

Skills

| Skill | Description | |-------|-------------| | Motion.page SDK (motion-sdk) | Complete guide for animating with @motion.page/sdk — triggers, timelines, text splitting, cursors, and more | | Desktop MCP (desktop-mcp) | Guide for creating and editing animations in the Motion.page Desktop app via MCP tools |

Installation

Universal (40+ agents)

Works with Claude Code, Cursor, Windsurf, GitHub Copilot, Codex, Gemini CLI, and 30+ more:

npx skills add motion-page/claude-plugin

Or install for a specific agent:

npx skills add motion-page/claude-plugin -a claude-code
npx skills add motion-page/claude-plugin -a cursor
npx skills add motion-page/claude-plugin -a windsurf

Claude Code Marketplace

/install-plugin motion-page

From npm

/install-plugin npm:@motion.page/claude-plugin

Manual (for contributors)

Symlink into your project's .claude/skills/ directory:

mkdir -p .claude/skills
ln -s ../../packages/claude-plugin/skills/motion-sdk .claude/skills/motion-sdk

Usage

Once installed, the motion-sdk skill activates automatically when:

• Your code imports from @motion.page/sdk
• You ask Claude to animate elements or create motion effects

You can also invoke it directly:

/motion-page:motion-sdk

Skills Included

Motion.page SDK

Complete reference for the Motion.page animation SDK:

• Core pattern (named timelines, triggers, animations)
• All 8 trigger types (onLoad, onScroll, onHover, onClick, onMouse, onMedia, onPageExit, onGesture)
• Text splitting and masking
• Custom cursors
• FLIP morphing with fit
• 50+ copy-pasteable examples
• Architecture internals for advanced usage

Desktop MCP

Guide for building animations in the Motion.page Desktop app via MCP tools:

• MCP workflow (orient → create → refine → verify)
• All 3 tool tiers (high-level, fine-tuning, introspection)
• Common animation patterns (fade-in, scroll, hover, stagger, text reveal)
• Trigger types, animation properties, easing reference
• Timing guidelines and best practices

Activates when the motionpage-desktop-mcp MCP server is connected, or invoke directly:

/motion-page:desktop-mcp

Contributing

Skills are maintained in the Motion.page monorepo at packages/claude-plugin/skills/.

License

FSL-1.1-Apache-2.0 — Functional Source License, Version 1.1, Apache 2.0 Future License

TL;DR: Free for everyone. Use it in your websites, apps, SaaS products, client projects — commercial or not. No restrictions.

The one exception: You cannot use this plugin to build a product that competes with Motion.page (e.g., a no-code animation builder, visual animation editor, or similar tool). If you're building something like that, contact us for an enterprise license.

After 2 years from each release, the code converts to the Apache 2.0 license with no restrictions at all.

See LICENSE for the full legal text.