motion

0
B

Motion (formerly Framer Motion) for React animations. Covers transitions, gestures, layout animations, and exit animations. Triggers on motion, animate, framer.

CommandsAgentsMarketplace
#React animations#motion#Framer Motion#exit animations#animations#motion description#Framer#React

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install settlemint/agent-marketplace/motion
skilz install settlemint/agent-marketplace/motion --agent opencode
skilz install settlemint/agent-marketplace/motion --agent codex
skilz install settlemint/agent-marketplace/motion --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/settlemint/agent-marketplace
2. Copy the agent skill directory:
cp -r agent-marketplace/devtools/skills/motion ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Type
Other
Meta-Domain
Primary Domain
Market Score
0

Agent Skill Grade

B
Score: 85/100 Click to see breakdown

Score Breakdown

Spec Compliance
14/15
PDA Architecture
26/30
Ease of Use
23/25
Writing Style
8/10
Utility
17/20
Modifiers: -3

Areas to Improve

  • Redundant constraints/anti_patterns
  • Second-person in description
  • Evolution section adds marginal value

Recommendations

  • Add trigger phrases to description for discoverability
  • Add table of contents for files over 100 lines

Graded: 2026-01-19

Developer Feedback

I took a look at your motion skill and wanted to share some thoughts.

Links:

The TL;DR

You're at 85/100, solid B grade territory. This is based on Anthropic's skill best practices rubric. Your strongest area is Spec Compliance (14/15) — the frontmatter and structure are tight. Where you're leaving points on the table: Utility (17/20) and PDA (26/30) — mostly small efficiency wins rather than fundamental issues.

What's Working Well

  • Killer metadata: 30+ trigger patterns covering framer-motion aliases, gesture terms, and hooks like useAnimate. This is exactly what makes skills discoverable.
  • Clean reference architecture: SKILL.md stays lean (~218 lines) with two focused reference files for patterns and verification. The reference_index table is chef's kiss for navigation.
  • Practical examples: FadeIn, Modal, gesture handling — these show real problems the skill solves, not theoretical nonsense.
  • Solid 5-step workflow: Your quick_start section with success_criteria gives users a clear validation path.

The Big One: Redundancy in constraints

Your constraints and anti_patterns sections are doing the same job. Both mention AnimatePresence wrapping and avoiding width/height animation. This eats tokens without adding value.

The fix: Consolidate these into a single, tighter constraints section that clearly separates "must do" from "must not do." Something like:

constraints: |
  - Always wrap exit animations in AnimatePresence
  - Animate transform/opacity only (not width/height)
  - Use GPU-accelerated properties

This picks up +1 point and makes your PDA score tighter.

Other Things Worth Fixing

  1. Second-person creep in description: "Use when asked to...

AI-Detected Topics

Extracted using NLP analysis

React animations motion Framer Motion exit animations animations motion description Framer React layout exit

Report Security Issue

Found a security vulnerability in this agent skill?