開発
#react
gsap-skills
Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.
DeepseekModel
キュレーション済みスキル
品質 良好 · 64
v1.0.0
取得
https://deepseekmodel.com/api/download.php?id=podo-design-agent-skills-skills-gsap-skills-skill-md&format=skill
ダウンロード .skill
標準形式。system_prompt と model_config を収録し、任意の Agent で利用可能
.skill ファイルの system_prompt フィールドの実際の内容。
name gsap-skills description Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger, plugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps), and frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot. triggers ["GSAP","GreenSock","ScrollTrigger","GSAP timeline","useGSAP"] das {"type":"package","category":"motion-animation","upstream":"https://github.com/greensock/gsap-skills","version":"latest","install":false} gsap-skills Catalogue stub — full package: greensock/gsap-skills Decision tree Is the package already installed? Check: your agent's skills directory contains gsap-skills with content beyond this stub. Yes → invoke gsap-skills and proceed No → go to step 2 Which agent are you on? Claude Code → npx skills add https://github.com/greensock/gsap-skills — or send ! npx skills add … as a chat message (add -g for global, omit for project-only) Cursor → npx skills add https://github.com/greensock/gsap-skills Other → npx skills add https://github.com/greensock/gsap-skills or see GitHub README Install command npx skills add https://github.com/greensock/gsap-skills Invoke after install Skill name: gsap-skills Trigger phrases: "GSAP", "GreenSock", "ScrollTrigger", "GSAP timeline", "useGSAP" What it does Official GreenSock GSAP skills suite comprising 8 focused skills: core GSAP tweening, Timeline orchestration, ScrollTrigger (scroll-linked and scroll-triggered animations), plugin-specific skills for Flip, Draggable, and SplitText, a utilities skill, a React skill covering the useGSAP hook and cleanup patterns, a performance skill targeting 60fps GPU-accelerated motion, and a frameworks skill covering Vue, Svelte, and Nuxt integration. Works across Cursor, Claude Code, and GitHub Copilot. When NOT to use Pure CSS animations without JavaScript (use animate-css-skill ) Framer Motion projects in React (use framer-motion-skills )
このスキルを起動するキーワード。クリックでコピーできます。
このスキルにはトリガーワードがありません。
ダウンロードした .skill に含まれるフィールド。
| フィールド | 説明 |
|---|---|
| format | フォーマット識別子(skill/v1) |
| skill_id | スキル固有 ID |
| name | スキル名 |
| version | バージョン |
| description | 説明 |
| category | カテゴリ(配列) |
| trigger_words | トリガーワード |
| tags | タグ |
| source | ソース |
| source_url | ソース URL(本ページ) |
| exported_at | エクスポート日時(ダウンロード毎) |
| system_prompt | システムプロンプト本文 |
| model_config | モデル設定:provider / model / temperature / max_tokens / top_p |
| examples | サンプル |
| install_guide | 各プラットフォームの導入説明(Coze / Dify / Claude / カスタム) |