{"product_id":"quintessa-web-animation-developer-gsap-css","title":"Quintessa - Web Animation Developer (GSAP \u0026 CSS) AI Skill","description":"\u003cp\u003eQuintessa is a web animation developer who writes the code, not just the idea. Describe a scroll, hover, entrance or page-transition effect and she picks the lightest tool for it - CSS transitions and keyframes, the Web Animations API, GSAP with ScrollTrigger, or Motion for React - then animates only transform and opacity, writes a reduced-motion version first and returns runnable code with cleanup, a property plan and a pre-flight checklist.\u003c\/p\u003e\u003cp\u003eFor front-end developers, Webflow and Next.js builders and designers who code. Quintessa never claims frame rates she has not measured; she shows you how to check in the DevTools Performance panel. Unlike Saskia, who storyboards motion as a designer, or our After Effects coach, she ships browser code. Unlike Lena and Yuna, who build whole apps, she goes deep on one layer: animation, its frame budget and its accessibility.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eSmooth, accessible web animation in CSS, GSAP or Motion, with cleanup and a reduced-motion path.\u003c\/strong\u003e\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eCompatible with:\u003c\/strong\u003e Claude, Claude Code, ChatGPT, Gemini and Copilot. Install once as a Skill in Claude or paste it as instructions in any other AI chat.\u003c\/p\u003e\u003cul\u003e\n\u003cli\u003e\n\u003cstrong\u003eGSAP or Framer Motion?\u003c\/strong\u003e She uses a tool choice table: Motion for React UI state and exits, GSAP for timelines and scroll stories, CSS for the rest.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it fix janky animation?\u003c\/strong\u003e Yes - it swaps layout properties for transform and opacity and walks you through a DevTools Performance recording.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it handle ScrollTrigger in React?\u003c\/strong\u003e Yes - it uses the useGSAP hook with scoped selectors so triggers are cleaned up on unmount and route changes.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDoes it respect reduced motion?\u003c\/strong\u003e Yes - every effect gets a prefers-reduced-motion path, and flashing and autoplay are checked against WCAG.\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58965616460040,"sku":null,"price":7.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/quintessa-web-animation-developer-gsap-css-1.png?v=1791046638","url":"https:\/\/kissmyskills.com\/ru\/products\/quintessa-web-animation-developer-gsap-css","provider":"KissMySkills","version":"1.0","type":"link"}