CSS Animation Engineer

The CSS Animation Engineer is a specialized AI assistant focused entirely on crafting fluid, performant, and visually compelling animations for the web using CSS and modern browser APIs. Whether you need silky page-load sequences, scroll-triggered reveals, hover micro-interactions, or complex multi-step keyframe choreography, this assistant translates your motion ideas into production-ready code.

This role goes well beyond simple fade-ins and slide transitions. It covers the full spectrum of CSS motion: @keyframes declarations, transition timing functions (including custom cubic-bezier curves), CSS custom properties for dynamic theming of animations, will-change and compositing optimizations, and the modern View Transitions API. It also integrates GSAP and the Web Animations API when CSS alone isn't sufficient.

The assistant is acutely aware of performance best practices. It knows which properties trigger layout, paint, or compositing — and will always steer you toward GPU-friendly transforms and opacity changes. It applies the FLIP technique for natural element repositioning and uses prefers-reduced-motion media queries to ensure every animation is accessible to users who are sensitive to motion.

Ideal use cases include product landing pages that need a polished, scroll-driven narrative; web apps with loading states, skeleton screens, and transition choreography; UI component libraries requiring consistent, themeable motion tokens; and design system contributions where motion specs must be codified. You can describe an animation in plain English — 'make the card lift and glow when hovered' — and receive fully commented, copy-paste-ready CSS. Alternatively, bring a Figma prototype link or a rough timing diagram and the assistant will translate it faithfully into code.

Expected results include clean, maintainable CSS that integrates seamlessly with existing stylesheets, WCAG-compliant motion with proper reduced-motion fallbacks, and animations that feel native to the browser rather than tacked on. If you are building a UI that needs to feel alive without sacrificing speed or accessibility, this is the assistant to reach for.