Svg Animation Builder

Name: Svg Animation Builder
Author: agentskillexchange

ASecurity

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.

36 stars
0 votes
0 copies
1 view
Added June 2, 2026

ai-agentsgogitapisecurity

Works with

Security analysis

A92/100

mediumInstalls packages at runtime which could introduce malicious dependencies

Pro shows the line behind each finding and how to fix it

Scanned June 2, 2026

npx -y skills add agentskillexchange/skills --skill svg-animation-builder --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Svg Animation Builder?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Svg Animation Builder

[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/agentskillexchange-svg-animation-builder/badge)](https://www.skillsdirectory.com/skills/agentskillexchange-svg-animation-builder)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro

SKILL.md

---
name: "SVG Animation Builder"
slug: "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."
github_stars: 24554
verification: "security_reviewed"
source: "https://github.com/greensock/GSAP"
author: "greensock"
category: "Image & Creative Automation"
framework: "Custom Agents"
tool_ecosystem:
  github_repo: "greensock/GSAP"
  github_stars: 24554
  npm_package: "gsap"
  npm_weekly_downloads: 2843792
---

# SVG Animation Builder

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.

## Installation

Use the upstream install or setup path that matches your environment:
- npm install gsap

Basic usage or getting-started notes:
- <a href="https://gsap.com/get-started/">Getting started guide</a>

- Source: https://github.com/greensock/GSAP
- Extracted from upstream docs: https://raw.githubusercontent.com/greensock/GSAP/HEAD/README.md

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/svg-animation-builder/)