·gsap-scrolltrigger
</>

gsap-scrolltrigger

bbeierle12/skill-mcp-claude

使用 GSAP ScrollTrigger 插件的基於滾動的動畫,包括固定、拖動、捕捉點和視差效果。在創建滾動驅動的動畫、粘滯部分、進度指示器或視差滾動體驗時使用。

142安裝·9熱度·@bbeierle12

安裝

$npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-scrolltrigger

SKILL.md

| top | Top edge | | center | Center | | bottom | Bottom edge | | 80% | 80% from top | | +=100 | Plus 100 pixels | | -=50 | Minus 50 pixels |

| play | Play forward | | pause | Pause | | resume | Resume from paused | | reverse | Play backward | | restart | Restart from beginning | | reset | Reset to start (no animation) | | complete | Jump to end | | none | Do nothing |

使用 GSAP ScrollTrigger 插件的基於滾動的動畫,包括固定、拖動、捕捉點和視差效果。在創建滾動驅動的動畫、粘滯部分、進度指示器或視差滾動體驗時使用。 來源:bbeierle12/skill-mcp-claude。

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-scrolltrigger 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

查看原文

可引用資訊

為搜尋與 AI 引用準備的穩定欄位與指令。

安裝指令
npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-scrolltrigger
分類
</>開發工具
認證
收錄時間
2026-02-01
更新時間
2026-02-18

快速解答

什麼是 gsap-scrolltrigger?

使用 GSAP ScrollTrigger 插件的基於滾動的動畫,包括固定、拖動、捕捉點和視差效果。在創建滾動驅動的動畫、粘滯部分、進度指示器或視差滾動體驗時使用。 來源:bbeierle12/skill-mcp-claude。

如何安裝 gsap-scrolltrigger?

開啟你的終端機或命令列工具(如 Terminal、iTerm、Windows Terminal 等) 複製並執行以下指令:npx skills add https://github.com/bbeierle12/skill-mcp-claude --skill gsap-scrolltrigger 安裝完成後,技能將自動設定到你的 AI 程式設計環境中,可以在 Claude Code 或 Cursor 中使用

這個 Skill 的原始碼在哪?

https://github.com/bbeierle12/skill-mcp-claude