📦

gsap

Name: gsap
Author: heygen-com

Content revision r1 Safe 🌐 Network access📁 Filesystem access⚙️ External commands

Build GSAP Animations for HyperFrames

HyperFrames animation work needs precise GSAP timing, effects, and performance choices. This skill gives focused references for tweens, timelines, typewriter text, and audio-reactive visuals.

Supports: Claude Codex Code(CC)

🥈 80 Silver

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request

Review the Skillstore skill "gsap" from https://skillstore.io/skills/heygen-com-gsap.md and its manifest at https://skillstore.io/api/skills/heygen-com-gsap/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Your Agent should still show its plan and request any confirmation required by the security policy.

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/heygen-com-gsap.md Signed manifest GET /api/skills/heygen-com-gsap/manifest Signed lockfile GET /api/skills/heygen-com-gsap/lockfile

Test it

Using "gsap". Animate three product cards into view with readable timing.

Expected outcome:

A concise timeline plan using transform-based movement, opacity, staggered starts, and labels for later control.

Using "gsap". Create a headline that types and replaces several words.

Expected outcome:

A typewriter sequence that defines cursor states, typing speed, hold timing, and safe backspace behavior.

Using "gsap". Make visuals respond to an audio track in HyperFrames.

Expected outcome:

An audio visualizer approach with extracted frame data, RMS-driven global motion, and band-driven detail changes.

Security Audit

Safe

v6 • 7/9/2026 Open versioned report

No prompt injection or malicious intent was found in the reviewed files. Most static findings are false positives from Markdown formatting and GSAP examples; the real issues are documented CDN script references plus a helper script that runs ffmpeg and writes an output JSON file.

Files scanned

699

Lines analyzed

Review items

False positives ignored

Capability review items (4)

These are real local capabilities that may be expected for this skill, so they require review but are not counted as confirmed malicious behavior.

High

scripts/extract-audio-data.py:52

Python subprocess.run

result = subprocess.run(cmd, capture_output=True)

The helper script invokes the local ffmpeg binary on a caller-supplied media path. It uses argument-list execution without a shell, but it is still an external command side effect.

Medium

scripts/extract-audio-data.py:181

Python file write/append

with open(args.output, "w") as f:

The helper writes JSON to args.output, which is controlled by the command line. This is expected behavior, but it can overwrite a selected local path if run carelessly.

Low

references/effects.md:21

Hardcoded URL

The documentation tells users to load GSAP from a jsdelivr CDN URL. This is legitimate, but copied examples would fetch third-party JavaScript at runtime.

Low

references/effects.md:22

Hardcoded URL

The documentation tells users to load TextPlugin from a jsdelivr CDN URL. This is legitimate, but copied examples would fetch third-party JavaScript at runtime.

Risk Factors

🌐 Network access (3)

references/effects.md:218 references/effects.md:21 references/effects.md:22

📁 Filesystem access (2)

references/effects.md:219 scripts/extract-audio-data.py:181

⚙️ External commands (50)

Audited by: codex View Audit History →

Share & cite this report

Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.

Open versioned report

Copy report link

https://skillstore.io/skills/heygen-com-gsap/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/heygen-com-gsap/security.svg)](https://skillstore.io/skills/heygen-com-gsap?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/heygen-com-gsap?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-gsap/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/heygen-com-gsap.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Academic citations (APA · BibTeX · CFF)

APA citation

heygen-com. (2026). gsap security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-gsap/audits/6

BibTeX citation

@techreport{heygen-com-heygen-com-gsap-2026,
  author = {heygen-com},
  title = {gsap security audit report (audit version 6)},
  institution = {Skillstore},
  year = {2026},
  number = {6},
  url = {https://skillstore.io/skills/heygen-com-gsap/audits/6},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "gsap security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
  - name: "heygen-com"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/heygen-com-gsap/audits/6"
identifiers:
  - type: other
    value: "skillstore:heygen-com-gsap:audit:6"
    description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: High

Architecture

Maintainability

Content

Community

Spec Compliance

What You Can Build

Build a Motion Sequence

Create a GSAP timeline with clear labels, defaults, and coordinated element entrances.

Add Text Reveal Effects

Use typewriter patterns with cursor states, backspacing, word rotation, and multiline handoff timing.

Prepare Audio-Reactive Visuals

Extract frame-based audio data and map RMS or frequency bands to visual animation properties.

Try These Prompts

Create a Basic Tween

Use the GSAP skill to animate this element from hidden to visible. Prefer transform and opacity properties.

Design a Timeline

Use the GSAP skill to build a timeline plan with defaults, labels, staggered entries, and playback control.

Build a Typewriter Effect

Use the GSAP effects reference to create a typewriter sequence with cursor blink, hold, and backspace behavior.

Plan an Audio Visualizer

Use the GSAP skill to plan audio data extraction and map frequency bands to a deterministic visualizer timeline.

Best Practices

Use transforms, opacity, and autoAlpha before layout-changing properties.
Use timelines, labels, and position parameters for readable sequencing.
Respect reduced-motion preferences and clean up unused tweens or timelines.

Avoid

Do not chain many animations with manual delays when a timeline fits better.
Do not animate width, height, top, or left when transforms can create the same result.
Do not build HyperFrames timelines inside asynchronous callbacks.