SkillsAdd

smithery/abdulmateen5251

animations-motion

Add smooth animations to buttons, page transitions, tasks, modals, and interactive elements.

Installation

$ npx skills add smithery/abdulmateen5251 --skill animations-motion
View on skills.sh ↗ Website ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

review-animations Similar name
emilkowalski/skills

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design …

145.5K installs
improve-animations Similar name
emilkowalski/skills

Survey a codebase's animation and motion code as a senior motion advisor, then produce a priori…

117.7K installs
css-animations Similar name
heygen-com/hyperframes 74.2K installs
flutter-animations Similar name
madteacher/mad-agents-skills

>- Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when …

15.1K installs
awwwards-animations Similar name
devmartinese/awwwards-animations-skill

Professional React animation skill for creating Awwwards/FWA-level animations using GSAP (useGS…

2.4K installs
tailwindcss-animations Similar name
josiahsiegel/claude-plugin-marketplace

Tailwind CSS animations and transitions including built-in utilities and custom keyframes. PROA…

2.3K installs
More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 594 B
  • docs SUMMARY.md 117 B

History

  1. First recorded snapshot · 0 installs

SKILL.md

Animations & Motion

Instructions

  1. Buttons

- Hover scale/glow - Click ripple effect

  1. Page transitions

- Fade and slide effects - Shared layout transitions for smooth navigation

  1. Tasks & Modals

- Animate add, delete, complete - Input focus and validation animations

Best Practices

  • Keep animations subtle and purposeful
  • Optimize performance for all devices
  • Use Framer Motion or GSAP where appropriate