{"id":"48c10fbc-dc3b-41ff-ba70-21ae4538e892","shortId":"kR3cJn","kind":"skill","title":"SVG Animation Builder","tagline":"Creates animated SVGs using GSAP (GreenSock Animation Platform) and the SVG DOM API. Generates timeline-based animations with morphing paths via flubber and scroll-triggered sequences using ScrollTrigger plugin.","description":"# SVG Animation Builder\n\nCreates animated SVGs using GSAP (GreenSock Animation Platform) and the SVG DOM API. Generates timeline-based animations with morphing paths via flubber and scroll-triggered sequences using ScrollTrigger plugin.\n\n## Installation\n\nUse the upstream install or setup path that matches your environment:\n- npm install gsap\n\nBasic usage or getting-started notes:\n- <a href=\"https://gsap.com/get-started/\">Getting started guide</a>\n\n- Source: https://github.com/greensock/GSAP\n- Extracted from upstream docs: https://raw.githubusercontent.com/greensock/GSAP/HEAD/README.md\n\n## Source\n\n- [Agent Skill Exchange](https://agentskillexchange.com/skills/svg-animation-builder/)","tags":["svg","animation","builder","skills","agentskillexchange","agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor"],"capabilities":["skill","source-agentskillexchange","skill-svg-animation-builder","topic-agent-skills","topic-ai-agents","topic-ai-tools","topic-awesome-list","topic-claude-code","topic-codex","topic-cursor","topic-llm","topic-mcp","topic-npx-skills","topic-openclaw","topic-skills-catalog"],"categories":["skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/agentskillexchange/skills/svg-animation-builder","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add agentskillexchange/skills","source_repo":"https://github.com/agentskillexchange/skills","install_from":"skills.sh"}},"qualityScore":"0.454","qualityRationale":"deterministic score 0.45 from registry signals: · indexed on github topic:agent-skills · 8 github stars · SKILL.md body (690 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-18T19:12:42.375Z","embedding":null,"createdAt":"2026-05-18T13:19:44.901Z","updatedAt":"2026-05-18T19:12:42.375Z","lastSeenAt":"2026-05-18T19:12:42.375Z","tsv":"'/greensock/gsap':97 '/greensock/gsap/head/readme.md':104 '/skills/svg-animation-builder/)':111 'agent':106 'agentskillexchange.com':110 'agentskillexchange.com/skills/svg-animation-builder/)':109 'anim':2,5,10,21,36,39,44,55 'api':16,50 'base':20,54 'basic':84 'builder':3,37 'creat':4,38 'doc':101 'dom':15,49 'environ':80 'exchang':108 'extract':98 'flubber':26,60 'generat':17,51 'get':88,91 'getting-start':87 'github.com':96 'github.com/greensock/gsap':95 'greensock':9,43 'gsap':8,42,83 'guid':93 'instal':69,73,82 'match':78 'morph':23,57 'note':90 'npm':81 'path':24,58,76 'platform':11,45 'plugin':34,68 'raw.githubusercontent.com':103 'raw.githubusercontent.com/greensock/gsap/head/readme.md':102 'scroll':29,63 'scroll-trigg':28,62 'scrolltrigg':33,67 'sequenc':31,65 'setup':75 'skill':107 'skill-svg-animation-builder' 'sourc':94,105 'source-agentskillexchange' 'start':89,92 'svg':1,14,35,48 'svgs':6,40 'timelin':19,53 'timeline-bas':18,52 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-tools' 'topic-awesome-list' 'topic-claude-code' 'topic-codex' 'topic-cursor' 'topic-llm' 'topic-mcp' 'topic-npx-skills' 'topic-openclaw' 'topic-skills-catalog' 'trigger':30,64 'upstream':72,100 'usag':85 'use':7,32,41,66,70 'via':25,59","prices":[{"id":"b1a5b3c0-118b-4c09-a2cc-d459c5f2c5bb","listingId":"48c10fbc-dc3b-41ff-ba70-21ae4538e892","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"agentskillexchange","category":"skills","install_from":"skills.sh"},"createdAt":"2026-05-18T13:19:44.901Z"}],"sources":[{"listingId":"48c10fbc-dc3b-41ff-ba70-21ae4538e892","source":"github","sourceId":"agentskillexchange/skills/svg-animation-builder","sourceUrl":"https://github.com/agentskillexchange/skills/tree/main/skills/svg-animation-builder","isPrimary":false,"firstSeenAt":"2026-05-18T13:19:44.901Z","lastSeenAt":"2026-05-18T19:12:42.375Z"}],"details":{"listingId":"48c10fbc-dc3b-41ff-ba70-21ae4538e892","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"agentskillexchange","slug":"svg-animation-builder","github":{"repo":"agentskillexchange/skills","stars":8,"topics":["agent-skills","ai-agents","ai-tools","awesome-list","claude-code","codex","cursor","llm","mcp","npx-skills","openclaw","skills-catalog"],"license":"mit","html_url":"https://github.com/agentskillexchange/skills","pushed_at":"2026-05-18T19:02:17Z","description":"The open catalog of AI agent skills — 2,000+ security-scanned skills for Claude Code, Cursor, Codex, and more.","skill_md_sha":"a866226b88f1eb255c67241ddfe5d91d4f3cc358","skill_md_path":"skills/svg-animation-builder/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/agentskillexchange/skills/tree/main/skills/svg-animation-builder"},"layout":"multi","source":"github","category":"skills","frontmatter":{"name":"SVG Animation Builder","description":"Creates animated SVGs using GSAP (GreenSock Animation Platform) and the SVG DOM API. Generates timeline-based animations with morphing paths via flubber and scroll-triggered sequences using ScrollTrigger plugin."},"skills_sh_url":"https://skills.sh/agentskillexchange/skills/svg-animation-builder"},"updatedAt":"2026-05-18T19:12:42.375Z"}}