轻量级2D游戏资产生成工具,支持角色设计、精灵图与瓦片集,保持风格一致。Use when 需要设计创作、UI设计、海报制作、品牌视觉时使用。不适用于3D建模和动画制作。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。提供结构化输出和错误处理机制。
Coding
GSAP动画生成工具
Try it一个全面的GSAP动画生成工具,提供AI驱动的意图分析、完整的API覆盖和生产就绪的动画模式,帮助开发者快速创建高性能动画。
What it does
一个全面的GSAP动画生成工具,提供AI驱动的意图分析、完整的API覆盖和生产就绪的动画模式,帮助开发者快速创建高性能动画。
The skill document
GSAP动画生成工具
一个全面的GSAP动画生成工具,提供AI驱动的意图分析、完整的API覆盖和生产就绪的动画模式,帮助开发者快速创建高性能动画。
⚠️ 强制要求:API 密钥
此 Skill 必须配置 API 密钥才能使用。
- 首次使用时,如果
.env中没有XBY_APIKEY,必须使用 AskUserQuestion 工具向用户询问 API 密钥 - 拿到用户提供的密钥后,调用
scripts.config.set_api_key(api_key)保存,然后继续处理 - 获取 API 密钥:https://xiaobenyang.com
- 禁止在缺少 API 密钥时自行搜索或编造数据
工作流程(必须遵守)
你(大模型)是路由层,负责理解用户意图、选择工具、提取参数。代码只负责调用API。
用户输入 → 你选择工具 → 提取该工具需要的参数 → 调用 scripts.tools 中的函数 → 返回结果给用户
步骤
- 检查 API 密钥:如果
scripts.config.settings.api_key为空,使用 AskUserQuestion 询问用户,拿到后调用scripts.config.set_api_key(key)保存 - 选择工具:根据用户意图从下方工具列表中选择对应的工具函数
- 提取参数:根据选中的工具,提取该工具需要的参数
- 调用工具:使用关键字参数调用
scripts.tools中的函数,例如scripts.tools.search_schools(score='520', province='北京', category='综合') - 返回结果:将工具返回的
raw数据整理后展示给用户
工具选择规则
根据用户意图选择对应的工具函数:
| 用户意图 | 工具函数 |
|---|---|
| The main AI engine - understands any animation request and generates perfect GSAP code with surgical precision | scripts.tools.understand_and_create_animation |
| Deep dive into any GSAP method, plugin, or property with expert-level knowledge | scripts.tools.get_gsap_api_expert |
| Generate complete GSAP environment setup with all plugins and optimizations | scripts.tools.generate_complete_setup |
| Expert debugging for GSAP animation problems with solutions | scripts.tools.debug_animation_issue |
| Transform any animation into 60fps smoothness with expert optimizations | scripts.tools.optimize_for_performance |
| Generate battle-tested, production-ready animation patterns | scripts.tools.create_production_pattern |
如果参数不完整,使用 AskUserQuestion 向用户询问缺失的参数。
工具函数说明
scripts.tools.understand_and_create_animation
工具描述:The main AI engine - understands any animation request and generates perfect GSAP code with surgical precision
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| request | string | true | Natural language description of the animation you want (e.g., "fade in cards one by one when scrolling", "create a hero entrance with staggered text") | |
| context | string | false | "react" | Development context and requirements |
| complexity | string | false | "intermediate" | Animation complexity level |
scripts.tools.get_gsap_api_expert
工具描述:Deep dive into any GSAP method, plugin, or property with expert-level knowledge
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| api_element | string | true | GSAP API element (e.g., "gsap.to", "ScrollTrigger", "SplitText", "drawSVG", "morphSVG") | |
| level | string | false | "advanced" | Detail level needed |
scripts.tools.generate_complete_setup
工具描述:Generate complete GSAP environment setup with all plugins and optimizations
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| framework | string | true | "react" | Target framework |
| plugins | array | false | Specific plugins needed | |
| performance_level | string | false | "optimized" | Performance optimization level |
scripts.tools.debug_animation_issue
工具描述:Expert debugging for GSAP animation problems with solutions
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| issue | string | true | Description of the animation problem or unexpected behavior | |
| code | string | false | Problematic animation code (optional but helpful) | |
| expected_behavior | string | false | What should happen vs what is happening |
scripts.tools.optimize_for_performance
工具描述:Transform any animation into 60fps smoothness with expert optimizations
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| animation_code | string | true | Existing GSAP animation code to optimize | |
| target | string | false | "60fps-desktop" | Optimization target |
scripts.tools.create_production_pattern
工具描述:Generate battle-tested, production-ready animation patterns
参数定义
| 参数名称 | 参数类型 | 是否必填 | 默认值 | 描述 |
|---|---|---|---|---|
| pattern_type | string | true | Type of production pattern needed | |
| industry | string | false | "portfolio" | Industry or use case |
返回值处理
工具函数返回 dict 对象:
result["raw"]- API 原始返回数据(JSON),直接将此数据整理后展示给用户result["success"]- 是否成功(True/False)result["message"]- 状态消息
项目结构
xiaobenyang_gaokao_skill/
├── scripts/
│ ├── __init__.py
│ ├── config.py # 配置管理 + set_api_key()
│ ├── call_api.py # API 客户端 + call_api()
│ └── tools.py # 工具函数(直接调用)
├── requirements.txt
└── SKILL.md
注意事项
- API 密钥是必需的,无密钥时必须通过 AskUserQuestion 询问用户
- 禁止在缺少 API 密钥时自行搜索或编造数据
Related skills
游戏AI开发指南,涵盖FSM、行为树、寻路与决策系统的代码实现。Use when 需要代码生成、编程辅助、调试测试、开发部署时使用。不适用于无明确技术栈的模糊需求。适用于独立开发者、企业团队和自动化工作流场景。支持中文交互,无需复杂配置即开即用。输出结果可直接使用,减少二次加工成本。提供结构化输出和错误处理机制。
Create deterministic hand-drawn animation videos
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users request animated GIFs for Slack like 'make me a G Use when 需要Development领域自动化处理、数据分析和流程编排时使用。不适用于无明确需求的模糊场景。
Turn a script, scene, or ad brief into a structured AI storyboard plan with a practical shot list and one to four storyboard key-frame images. Plan shot types, camera angles and movement, action, timing, dialogue, and sound for short films, ads, animation, social video, motion comics, and creative pitches.
Generate AI videos via GoAI API. Use when the user asks to create, generate, render, or make videos, animations, clips, shorts, or motion content, including...