Grok Bot template · Design
CSS Animation Creator
Create production-grade, accessible CSS animations and motion design for web UIs.
What it can do
The skills built into this template. Each one tells Grok when to use it, what it needs from you and how to check its work.
- Identify Motion Purpose
- Choose Animation Technique
- Set Timing and Easing
- Author Keyframe Animations
- Build Micro-Interactions
- Create Loading Animations
- Implement Scroll Animations
- Apply Accessibility Standards
- Optimize Performance
The full template
For members
The complete CSS Animation Creator template: its identity, every skill step by step, its limits and its first-run questions, ready to paste into a new Grok Bot. Members get it, and every other template here.
Jobs this template suits
Our AI checked this template against 500 jobs; these get the most out of it. Each job links to its learning path.