🎯

framer-motion-animations

🎯Skill

from canatufkansu/claude-skills

What it does

A Claude Code skill providing ready-to-use Framer Motion animation patterns for React components, including fade-ins, staggered lists, scroll-triggered reveals, hero section animations, and page transitions with code snippets.

📦

Same repository

canatufkansu/claude-skills(15 items)

framer-motion-animations

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add canatufkansu/claude-skills --skill framer-motion-animations

skills.sh Install⚠ Installs to .agents/skills/

npx skills add canatufkansu/claude-skills --skill framer-motion-animations

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/framer-motion-animations/SKILL.md

SKILL.md

29Installs

AddedFeb 7, 2026

View on GitHub Back to Skills

More from this repository10

🎯

next-intl-i18n🎯Skill

A skill providing next-intl internationalization patterns for Next.js apps with 6 locales, covering locale-prefixed routing, useTranslations/getTranslations usage, middleware setup, and message file structure.

🎯

tailwind-shadcn🎯Skill

A skill for Tailwind CSS utility patterns with shadcn/ui component integration, covering theming via CSS variables, responsive design, dark mode implementation, and consistent design system creation.

🎯

sitemap-robots🎯Skill

Automates sitemap generation for all locale URLs, robots.txt configuration, and llms.txt setup for AI crawler optimization to improve discoverability for search engines and AI systems.

🎯

json-ld-schemas🎯Skill

Provides reusable JSON-LD structured data components for schema.org markup including Organization, Person, Service, Product, FAQPage, and BreadcrumbList, ready to use in Next.js and React projects for improved SEO and rich snippets.

🎯

responsive-mobile-first🎯Skill

Skill

🎯

theme-system🎯Skill

Skill

🎯

stripe-checkout🎯Skill

Skill

🎯

email-resend🎯Skill

Skill

🎯

accessibility-a11y🎯Skill

Skill

🎯

typescript-strict🎯Skill

Skill