{"repo":"199-biotechnologies/motion-dev-animations-skill","free":true,"listed":false,"github":"https://github.com/199-biotechnologies/motion-dev-animations-skill","clone":"git clone https://github.com/199-biotechnologies/motion-dev-animations-skill.git","description":"Claude Code skill for Motion.dev -- 120fps web animations, spring physics, scroll effects, gesture interactions","language":"TypeScript","stars":86,"topics":["accessibility","animation-library","claude-code","claude-code-skill","css-animations","developer-tools","framer-motion","gpu-accelerated","motion-dev","motion-one"],"license":"MIT","category":"dev-tools","readme_excerpt":"Motion.dev Animations Skill Production-grade web animations for Claude Code, powered by Motion.dev. A Claude Code skill that generates 120fps GPU-accelerated animations using Motion.dev (the successor to Framer Motion). Say \"add a hero animation\" or \"create scroll effects\" and get production-ready TypeScript code with accessibility and performance baked in. --- Why This Exists Install Quick Start How It Works Animation Types What's Inside Contributing License --- Why This Exists Motion.dev has 10M+ downloads per month. It is the standard for web animations in React, Next.js, Svelte, and Astro. But writing good animations is hard. You need spring physics, GPU-accelerated properties, prefers-reduced-motion support, and 60fps+ performance targets. This skill gives Claude Code deep knowledge of Motion.dev patterns so it can generate production animation code from natural language. No more copying from docs. No more guessing spring values. Just describe what you want. Install Add to your Claude Code skills directory: The skill activates automatically when you mention animations, Motion.dev, scroll effects, parallax, hover effects, or interactive UI in your prompts. Quick Start Once installed, use natural language with Claude Code: Claude Code will clarify your framework, plan the animation strategy, generate the code, and verify performance. How It Works The skill follows a four-step workflow: 1. Clarify -- Determines your framework (React 19+, Next.js 15+, Svelte 5+, Astro 4+), a","default_branch":null,"files":null,"tree":[],"storefront":"/r/199-biotechnologies","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/199-biotechnologies/motion-dev-animations-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}