How do I use GSAP-Animation-Generate?

1. Click on "Install Server". 2. Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state. 3. In the chat, type @ followed by the MCP server name and your instructions, e.g., "@GSAP-Animation-Generate create a smooth fade-in animation for a hero section when the page loads" That's it! The server will respond to your query, and you can continue using it as needed. Here is a step-by-step guide with screenshots.

GSAP动画生成工具 GSAP Animation Generate

一个全面的GSAP动画生成工具，提供AI驱动的意图分析、完整的API覆盖和生产就绪的动画模式，帮助开发者快速创建高性能动画。 A comprehensive GSAP animation generation tool that offers AI-driven intent analysis, full API coverage, and production-ready animation modes, helping developers quickly create high-performance animations.## 工具列表 Tool List

本MCP服务封装下列工具，可让模型通过标准化接口调用以下功能。本MCP服务封装下列工具，可让模型通过标准化接口调用以下功能。

工具 Tool	描述 Description
understand_and_create_animation	The main AI engine - understands any animation request and generates perfect GSAP code with surgical precision
get_gsap_api_expert	Deep dive into any GSAP method, plugin, or property with expert-level knowledge
generate_complete_setup	Generate complete GSAP environment setup with all plugins and optimizations
debug_animation_issue	Expert debugging for GSAP animation problems with solutions
optimize_for_performance	Transform any animation into 60fps smoothness with expert optimizations
create_production_pattern	Generate battle-tested, production-ready animation patterns

检查服务 ## Inspector

工具在线测试： https://mcp.xiaobenyang.com/inspector/1777316659553283

Online Tool test https://mcp.xiaobenyang.com/inspector/1777316659553283

服务配置 MCP Server Config

如何获取 XBY-APIKEY ？ How to get XBY-APIKEY ?
访问小笨羊科技网站 https://xiaobenyang.com，注册用户即可获得APIKEY Visit XiaoBenYang website https://xiaobenyang.com, register and get the APIKEY.

SSE

{
  "mcpServers": {
    "GSAP动画生成工具": {
      "headers": {
        "XBY-APIKEY": "<YOUR_XBY_APIKEY>"
      },
      "type": "sse",
      "url": "https://mcp.xiaobenyang.com/1777316659553283/sse"
    }
  }
}

STREAMABLE HTTP

{
  "mcpServers": {
    "GSAP动画生成工具": {
      "headers": {
        "XBY-APIKEY": "<YOUR_XBY_APIKEY>"
      },
      "type": "streamable_http",
      "url": "https://mcp.xiaobenyang.com/1777316659553283/mcp"
    }
  }
}

STDIO

{
    "mcpServers": {
        "GSAP动画生成工具": {
          "command": "npx",
          "args": [
            "-y",
            "xiaobenyang-mcp"
          ],
          "env": {
            "XBY_APIKEY": "<YOUR_XBY_APIKEY>",
            "mcpId": "1777316659553283",
          },
          "transport": "stdio"
        }
      }
}