Back to Agent Skills
Frontend & Design
Improve Animations
by Julien Thibeaut (ui-skills.com) 3.7k GitHub stars
Survey a codebase's motion as a senior advisor and produce a prioritized audit plus implementation plans — read-only planning.
#audit#motion#planning#roadmap
Claude Code Codex
Overview
Improve Animations acts as a senior motion advisor that surveys all animation code in a project and produces a prioritized audit with self-contained implementation plans other agents can execute. It's read-only on source — it plans fixes rather than applying them. Ideal for creating an animation-improvement roadmap.
What it is good for
- Auditing motion across a whole app
- Building an animation-fix roadmap
- Handing implementation plans to other agents
- Prioritizing which animations to fix first
Install
Install in Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install improve-animations
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/improve-animations ~/.claude/skills/improve-animationsExplore AI Tools
Discover the best AI tools that complement your skills
Read AI & Design Articles
Tips and trends in the world of design and AI
Related Skills
Frontend & Design
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend & Design Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend & Design Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex