Auto Animate
Adds drop-in animations to your DOM changes without writing keyframes or transition CSS. The skill includes an SSR-safe pattern that's critical if you're deploying to Cloudflare Workers or Next.js, using client-only imports to avoid hydration errors. Works across React, Vue, Solid, Svelte, and Preact. It's one of those libraries that makes your UI feel more polished with minimal effort, though you'll want to be intentional about where you apply it since animating everything gets old fast. The 800+ GitHub stars suggest it's battle-tested enough for production use.
- skills.sh installs
- 355
- GitHub stars
- 1.1K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add jezweb/claude-skills --skill auto-animate --agent claude-codeInstalls into .claude/skills of the current project.
Files
Adds drop-in animations to your DOM changes without writing keyframes or transition CSS. The skill includes an SSR-safe pattern that's critical if you're deploying to Cloudflare Workers or Next.js, using client-only imports to avoid hydration errors. Works across React, Vue, Solid, Svelte, and Preact. It's one of those libraries that makes your UI feel more polished with minimal effort, though you'll want to be intentional about where you apply it since animating everything gets old fast. The 800+ GitHub stars suggest it's battle-tested enough for production use.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/jezweb/claude-skills
- Categories
- Frontend Development, Debugging, Design & UI/UX
- First seen
- Jun 3, 2026
More from jezweb/claude-skills
All 166- Cloudflare Kv355
- Developer Toolbox355
- Dev Session353
- Skill Review353
- Image Gen350
- Cloudflare Turnstile348
- Openai Responses346
- Email Gateway342
- Cloudflare Browser Rendering341
- Cloudflare Workflows341
- Cloudflare Queues339
- Cloudflare Workers Ai338
- Google Gemini Embeddings337
- Typescript Mcp335
- Vercel Blob333
- Cloudflare Durable Objects332
- Cloudflare Images328
- Cloudflare Mcp Server328
- Google Gemini File Search328
- Azure Auth327
- Cloudflare Agents326
- Cloudflare Vectorize326
- Snowflake Platform326
- Claude Api325
Recommended
More Frontend Development
env-managerbobmatnyc/claude-mpm-skillsEnvironment variable validation, security scanning, and management for Next.js, Vite, React, and Node.js applications350skills.sh installs
cloudflare-turnstilejezweb/claude-skillsAdd bot protection with Turnstile (CAPTCHA alternative). Use when: protecting forms, securing login/signup, preventing spam, migrating from reCAPTCHA, integrati348skills.sh installs
uniwindpproenca/dot-skillsUniwind best practices for React Native styling with Tailwind CSS. This skill should be used when writing, reviewing, or refactoring React Native code using Uni348skills.sh installs
symfony-uxsmnandre/symfony-ux-skillsSymfony UX frontend stack -- decision tree and orchestrator for choosing between Stimulus, Turbo, TwigComponent, LiveComponent, UX Icons, and UX Map. Use when t345skills.sh installs
orvalpproenca/dot-skillsOrval OpenAPI TypeScript client generation best practices. This skill should be used when configuring Orval, generating TypeScript clients from OpenAPI specs, s338skills.sh installs