gsap SKILL.md skillA

gsap from codingsamss/all-my-ai-needs is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add codingsamss/all-my-ai-needs/gsap@git:20260630.b204fd5

Pins git:20260630.b204fd5 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
codingsamss/all-my-ai-needs
Path
platforms/claude/skills/gsap/SKILL.md
Versions recorded
1
Latest version
git:20260630.b204fd5, committed Jun 30, 2026
Size
3,265 bytes
Repository stars
12
License
none declared

官方 GSAP 前端动效聚合 skill。用于实现或审查 JavaScript/React/Next/Vue/Svelte 动画、GSAP tweens/timeline、ScrollTrigger 滚动动画、插件、性能优化、reduced motion 与可访问性动效;默认按任务读取 references/ 中的官方 GreenSock GSAP skills。健康/长辈类产品默认使用克制动效。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# GSAP 聚合入口

这个 skill 聚合官方 `greensock/gsap-skills` 的 8 个 GSAP skills。用户只需要调用 `$gsap`;执行时按任务读取对应 reference,保留官方正确用法。

## 先读哪个 reference

- 基础 tween、easing、stagger、`gsap.matchMedia()`:读 `references/gsap-core.md`
- 多步骤编排、position parameter、labels:读 `references/gsap-timeline.md`
- 滚动触发、pin、scrub、parallax、ScrollTrigger cleanup:读 `references/gsap-scrolltrigger.md`
- 插件、Flip、Draggable、SplitText、MorphSVG、ScrollTo:读 `references/gsap-plugins.md`
- `gsap.utils`、clamp、mapRange、snap、toArray:读 `references/gsap-utils.md`
- React / Next、`useGSAP()`、scope、SSR、cleanup:读 `references/gsap-react.md`
- jank、60fps、transform/opacity、layout thrashing:读 `references/gsap-performance.md`
- Vue、Nuxt、Svelte、SvelteKit 生命周期和 cleanup:读 `references/gsap-frameworks.md`
- 不确定命中哪个子主题:先读 `references/llms.txt`

## 默认工作流

1. 判断项目栈和用户是否已经指定动画库;若指定了非 GSAP 库,尊重用户选择。
2. 若用户只说前端动画、滚动动画、React 动效、JS animation 等,默认推荐并使用 GSAP。
3. 按上面的路由只读取必要 reference,不一次加载全部文档。
4. 实现代码时保留 framework cleanup、性能和 reduced-motion 约束。
5. 对健康、长辈、医疗辅助、家庭照护类产品,默认使用克制动效:动效帮助理解与反馈,不做炫技、滚动劫持或大面积自动播放。

## 必须保留的正确用法

- GSAP 安装:`npm install gsap`
- React 额外安装:`npm install @gsap/react`
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add codingsamss/all-my-ai-needs/gsap@sha256:e9b79b8e2ff1327c

The line at the top of this page pins the label git:20260630.b204fd5, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_et5f4bk5reywh4ks.svg)](https://markdownregistry.com/a/art_et5f4bk5reywh4ks)

5 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on Jun 30, 2026.

versioncommittedcommitsizeaudit
git:20260630.b204fd5 latest2026-06-30 b204fd5 3,265 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (3265 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

codingsamss/all-my-ai-needs · 12 stars · license none declared · pushed 2026-10-17 · branch master

API

GET https://markdownregistry.com/api/v1/artifacts/art_et5f4bk5reywh4ks
GET https://markdownregistry.com/api/v1/resolve?ref=codingsamss/all-my-ai-needs/gsap
GET https://markdownregistry.com/api/v1/blob/e9b79b8e2ff1327cfe11e047b82bb9767bfcbeab9c0d0276e5c991d48eb8c9cc

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from codingsamss/all-my-ai-needs

AGENTS.md AGENTS.md file
codingsamss/all-my-ai-needs · AGENTS.md
git:20261006.c4be9b8 · audit B · 12 stars
CLAUDE.md CLAUDE.md file
codingsamss/all-my-ai-needs · CLAUDE.md
git:20261006.c4be9b8 · audit A · 12 stars
aihot SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/aihot/SKILL.md · 查询 AIHOT(aihot.news)的中文 AI 资讯。用户问今天或最近 AI 圈发生了什么、AI 新闻和 AI 日报、大模型与 AI 产品发布、OpenAI/Anthropic/Google 等公司或某个 AI…
v2.0.0 · audit A · 12 stars
apifox-cli SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/apifox-cli/SKILL.md · 通过 Apifox CLI 管理 Apifox 项目资源。触发场景:运行接口自动化测试/测试套件,查询/创建/更新/删除接口、环境、Schema、Mock、分支等项目资源,导入导出 API 文档,查看测试报告,管理…
git:20260722.9ed4b67 · audit A · 12 stars
apifox-test-case SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/apifox-test-case/SKILL.md · Apifox 接口测试用例:test-case 与 test-data 的查询、创建、更新、删除、分类和运行;处理测试步骤、断言、提取变量、前后置处理器、数据集,以及“CLI 创建后前端测试步骤无法展示”等问题。
git:20260722.9ed4b67 · audit A · 12 stars
bilibili SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/bilibili/SKILL.md · Read Bilibili (B站) content. Actions: search videos, view hot/rank feeds, read video details, prepare audio, and read…
git:20260905.4a44d57 · audit A · 12 stars
bird-bookmark-folders SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/bird-bookmark-folders/SKILL.md · Organize X/Twitter bookmark folders (collections) via GraphQL with Chrome cookie auth. Actions: list folders, list…
git:20260920.9df3f22 · audit B · 12 stars
bird-twitter SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/bird-twitter/SKILL.md · Read X/Twitter content via Bird CLI. Actions: read tweets, search, view all bookmarks or bookmark folders, trending…
git:20261001.2261733 · audit B · 12 stars
cc-codex-review SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/cc-codex-review/SKILL.md · CC×Codex 交叉讨论。不确定性强的问题(事实核查 / 有争议或乐观的结论 / 重要技术决策)找 codex 交叉验证,避免单模型片面。关键词: 让codex看看, 跟codex讨论, codex审查, 帮我审查, review…
git:20260924.28a904d · audit A · 12 stars
fireworks-tech-graph SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/fireworks-tech-graph/SKILL.md · Create precise SVG technical diagrams, export PNG or offline HTML, and animate supported semantic SVGs to GIF. Use for…
git:20260908.e5d0895 · audit A · 12 stars
git-ops SKILL.md skill
codingsamss/all-my-ai-needs · platforms/claude/skills/git-ops/SKILL.md · Use when Sam asks Claude Code to create, rename, compare, commit, push, merge, promote, or clean up Git branches…
git:20260630.b204fd5 · audit A · 12 stars
llms.txt@platforms/claude/skills/gsap/references llms.txt file
codingsamss/all-my-ai-needs · platforms/claude/skills/gsap/references/llms.txt
git:20260630.b204fd5 · audit A · 12 stars

Every file in codingsamss/all-my-ai-needs

Other files named gsap

gsap SKILL.md skill
athevon/genjutsu · skills/_jutsu/gsap/SKILL.md · GSAP animation engine sub-skill - core, timeline, ScrollTrigger, plugins.
git:20260928.a0f6e09 · audit A · 619 stars
gsap SKILL.md skill
cowork-os/cowork-os · resources/skills/gsap/SKILL.md · GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines…
v0.4.3 · audit A · 496 stars
gsap SKILL.md skill
mindrally/skills · gsap/SKILL.md · Expert guidelines for building high-performance animations with GSAP (GreenSock Animation Platform)
git:20261008.7682ca7 · audit A · 278 stars
gsap SKILL.md skill
anton-abyzov/vskill · .claude/skills/gsap/SKILL.md · GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines…
v1.0.1 · audit B · 48 stars
gsap SKILL.md skill
frankxai/claude-skills-library · free-skills/gsap/SKILL.md · GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines…
git:20260525.468c26e · audit B · 47 stars
gsap SKILL.md skill
codingsamss/all-my-ai-needs · platforms/codex/skills/gsap/SKILL.md · 官方 GSAP 前端动效聚合 skill。用于实现或审查 JavaScript/React/Next/Vue/Svelte 动画、GSAP tweens/timeline、ScrollTrigger…
git:20260630.b204fd5 · audit A · 12 stars
gsap SKILL.md skill
bjornmelin/dev-skills · skills/gsap/SKILL.md · GSAP animation for React, Next.js and vanilla JS. Use for scroll-driven animation, pinning, parallax, timelines…
git:20260908.2a5535e · audit A · 8 stars
gsap SKILL.md skill
tekkiiiii/the-agency · skills/gsap/SKILL.md · GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines…
git:20260508.9e8707b · audit B · 6 stars

Browse by kind, by grade A, or by owner.