Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
EnglishUse when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology…
EnglishUse when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
EnglishUse when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal…
EnglishClaude Code mastery for power users. Build agents, MCP servers, publish plugins. Use when: user wants to create agents, build integrations, or publish plugins.
EnglishUse when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
EnglishUse when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
EnglishUse when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
EnglishUse when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
EnglishUse when wrong elements get attention, important content is missed, or visual hierarchy is broken by…
EnglishUse when animation doesn't match brand personality, feels generic, or clashes with design…
EnglishUse when animating buttons, CTAs, or clickable action elements to create satisfying, responsive…
EnglishUse when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
EnglishUse when animating cards, panels, tiles, or container elements to create depth and…
EnglishUse when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth…
EnglishUse when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
EnglishUse when creating animations that reassure users, reduce anxiety, or communicate protection and security.
EnglishUse when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user…
EnglishUse when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
EnglishUse when implementing Disney's 12 animation principles with pure CSS animations and…
EnglishUse when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
EnglishUse when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional…
EnglishUse when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the…
EnglishUse when designing animations for shopping apps, product catalogs, checkout flows, or retail…
English
AGENT SKILLS ATLASIncludes Accessibility Advocate, Accessibility Issues, Accessible Motion, and other workflows.
Claude Code
Codex
Cursor
GitHub Copilot
Gemini CLISupported by the Atlas install prompt. Skill-specific requirements vary.
Pack stats
What’s included
Accessibility Advocate
Use when designing inclusive animations, addressing vestibular disorders and motion sensitivity, or ensuring animation accessibility compliance.
Accessibility Issues
Use when animation excludes users with vestibular disorders, cognitive disabilities, or assistive technology needs
Accessible Motion
Use when implementing reduced motion alternatives, vestibular-safe animations, WCAG compliance, or designing for users with motion sensitivity.
Accordions Dropdowns
Use when animating accordions, collapsibles, dropdowns, or expand/collapse elements for smooth reveal transitions
Advanced
Claude Code mastery for power users. Build agents, MCP servers, publish plugins. Use when: user wants to create agents, build integrations, or publish plugins.
Appeal Mastery
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
Arc Mastery
Use when designing motion paths, character movement trajectories, gesture animations, or any motion that should feel natural rather than robotic.
Attention Direction
Use when controlling where the audience looks—composing shots, choreographing action, revealing information, or any situation requiring clear visual hierarchy and focus management.
Attention Grabbers
Use when drawing user focus - notification badges, new feature highlights, error callouts, promotional banners, or any animation meant to attract attention.
Attention Management
Use when wrong elements get attention, important content is missed, or visual hierarchy is broken by animation
Brand Consistency
Use when animation doesn't match brand personality, feels generic, or clashes with design language
Buttons Ctas
Use when animating buttons, CTAs, or clickable action elements to create satisfying, responsive interactions
Calm Relaxation
Use when creating animations that soothe users, reduce anxiety, or create peaceful, meditative experiences.
Cards Containers
Use when animating cards, panels, tiles, or container elements to create depth and interactivity
Carousels Sliders
Use when animating carousels, sliders, image galleries, or horizontally scrolling content for smooth navigation
Character Appeal
Use when creating or animating characters that need to connect with audiences—hero protagonists, memorable villains, lovable sidekicks, or any figure that must have personality and presence.
Comfort Safety
Use when creating animations that reassure users, reduce anxiety, or communicate protection and security.
Continuous Infinite
Use when building ongoing loop animations - loading states, ambient motion, background effects that run indefinitely without user fatigue
Continuous Loops
Use when creating ongoing animations - loading spinners, pulsing indicators, ambient motion, background effects, or any animation that repeats indefinitely.
CSS Native
Use when implementing Disney's 12 animation principles with pure CSS animations and transitions
3D Spatial
Use when working in Blender, Unity 3D, Unreal Engine, Cinema 4D, VR/AR applications, or any three-dimensional animation work.
Deliberate 1200 2000ms
Use when building slow intentional animations between 1200-2000ms - app intros, loading sequences, storytelling moments that create emotional resonance
Dramatic 2000ms Plus
Use when building extended animation sequences over 2000ms - cinematic intros, story sequences, premium experiences where animation IS the product
E Commerce Retail
Use when designing animations for shopping apps, product catalogs, checkout flows, or retail experiences
Showing 24 of 58 skills. Use the list’s page controls above to explore the rest.
Quick start
- Choose your skills. Select individual skills above, or choose the entire pack.
- Copy the install prompt. Use Copy install prompt above the list.
- Send it to your agent. Paste into your coding agent’s chat. Your agent reviews the source and guides the setup.
Try it with your agent
After installation, start with a request like:
Use the Accessibility Advocate skill to help with my task.
Ask me for the context you need before getting started.Requirements & license
- A coding agent that can access your project files and install skills.
- Your agent checks each skill’s instructions, dependencies, and permissions during setup.
- Reported license for the skills shown: MIT. The author’s terms apply.