Volver a Agent Skills
Frontend y Diseño Destacado
Animation Systems
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
#motion#choreography#performance#accessibility
Claude Code Codex
Descripción General
Animation Systems is a complete reference for designing and implementing high-end product motion. It covers motion principles, sensible easing and duration defaults, choreography and staggering, scroll and hover interactions, performance, and accessibility via reduced-motion. Use it to make an app's motion feel intentional rather than decorative.
Para qué sirve
- Establishing motion defaults for a design system
- Choreographing multi-element entrance sequences
- Adding scroll and hover interactions responsibly
- Respecting prefers-reduced-motion
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install animation-systems
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/animation-systems ~/.claude/skills/animation-systemsExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Apple Design
Apple's approach to fluid, physical UI motion translated for the web — springs, gestures, drag/swipe/sheets, and translucent materials.
Claude Code Codex