{
    "format": "skill/v1",
    "skill_id": "podo-design-agent-skills-skills-gsap-skills-skill-md",
    "name": "gsap-skills",
    "version": "1.0.0",
    "description": "Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger,\nplugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps),\nand frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot.",
    "category": [
        "开发编程"
    ],
    "trigger_words": [],
    "tags": [
        "react"
    ],
    "source": "DeepseekModel",
    "source_url": "https://deepseekmodel.com/skill?id=podo-design-agent-skills-skills-gsap-skills-skill-md",
    "exported_at": "2026-09-18T05:46:03+08:00",
    "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 )",
    "model_config": {
        "provider": "deepseek",
        "model": "deepseek-chat",
        "temperature": 0.7,
        "max_tokens": 4096,
        "top_p": 0.9
    },
    "examples": [
        {
            "input": "请用gsap-skills帮我处理问题",
            "output": "好的，我是gsap-skills。Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger,\nplugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps),\nand frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot. 我会根据你的需求提供专业帮助。"
        },
        {
            "input": "介绍一下你的能力",
            "output": "我是gsap-skills，专注于开发编程领域。Official GSAP skills suite with 8 focused skills: core GSAP, Timeline, ScrollTrigger,\nplugins (Flip/Draggable/SplitText), utils, React (useGSAP hook), performance (60fps),\nand frameworks (Vue/Svelte/Nuxt). Works across Cursor, Claude Code, Copilot."
        }
    ],
    "install_guide": {
        "coze": "在 Coze 平台创建 Bot -> 技能配置 -> 导入此 .skill 文件",
        "dify": "在 Dify 平台创建应用 -> 添加知识库 -> 导入此 .skill 配置",
        "claude": "将 system_prompt 字段内容复制到 Claude 自定义指令中",
        "custom": "将此 .skill 文件加载到你的 AI Agent 框架中，解析 system_prompt 和 model_config 即可使用"
    }
}