Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建具有独特设计感的高质量前端界面，避免通用AI审美。适用于构建网页、组件、仪表盘等，强调大胆的美学方向和精致代码实现。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
指导创建具有独特设计感的高质量前端界面，避免通用AI审美。适用于构建网页、组件、仪表盘等，强调大胆的美学方向和精致代码实现。
构建Web组件或页面
美化现有UI
生成React/Vue/H5布局
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
提供GSAP动画库在HyperFrames中的参考指南，涵盖核心方法、缓动、时间轴及性能优化。用于辅助编写和调试前端动画代码。
需要实现页面或元素动画效果
查询GSAP API用法如to/from/timeline
优化前端动画性能
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI 工具，用于视频项目脚手架初始化、HTML 组成文件校验、实时预览、视频渲染及环境诊断。
创建新的 HyperFrames 视频项目结构
校验或修复 HTML 组成文件错误
启动本地预览服务器查看效果
将组成渲染为 MP4 或 WebM 视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 注册表中的代码块与组件，支持通过 CLI 添加资源、管理安装路径及在宿主文件中正确接线集成。
用户提及 hyperframes add、block、component 或 hyperframes.json
需要安装或发现注册表中的可用资源
需要将已安装的代码块或组件接线到现有组合中
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站URL转化为HyperFrames视频，涵盖抓取、设计、脚本、分镜、配音及渲染等7步工作流，用于生成社媒广告或产品展示视频。
用户提供URL并要求制作视频
用户要求将网站转为视频内容
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HyperFrames框架中创建基于HTML的视频内容，包括动画、标题、字幕、语音合成及音频响应视觉效果。
需要制作HTML视频或动画
添加同步字幕或语音旁白
生成音频驱动的动态效果
设计场景转场
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
