{"product_id":"animated-ui-component-generator","title":"Animated UI Component Generator","description":"\u003cdiv\u003eGenerates a production-ready motion spec for an animated UI component from an interaction description — covering state machine, transition timing curves, gesture mapping, performance budgets, and Rive\/Lottie implementation notes. Use when designing a micro-interaction, animated button, loading state, transition, or any motion component that developers need to build to spec.\u003c\/div\u003e\u003cdiv\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cem\u003eThis skill is delivered as a \u003ccode\u003e.zip\u003c\/code\u003e archive containing the skill in a named folder, matching the Anthropic SKILL.md format. Extract directly into your Claude Code skills directory (\u003ccode\u003e~\/.claude\/skills\/\u003c\/code\u003e) to install — or open and paste the contents into Claude.ai, ChatGPT, or any other AI tool.\u003c\/em\u003e\u003c\/div\u003e","brand":"penguin tree ai","offers":[{"title":"Default Title","offer_id":52286408458542,"sku":"animated-ui-component-generator","price":5.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0982\/4203\/6014\/files\/animated-ui-component-generator_ca7e331c-2264-4bde-8ef6-3c70a637d6db.png?v=1783458170","url":"https:\/\/penguintree.ai\/products\/animated-ui-component-generator","provider":"penguin tree ai","version":"1.0","type":"link"}