Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或美化UI，生成具有鲜明设计风格和创意细节的高质量代码。
安装全部 Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
集合内 Skills (6)
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或美化UI，生成具有鲜明设计风格和创意细节的高质量代码。
构建前端组件
设计网页布局
美化Web UI
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
GSAP动画库参考文档，涵盖核心方法、缓动、时间轴及性能优化，用于在HyperFrames中编写动画。
需要创建或调试前端动画效果时
查询GSAP API用法如to/from/easing时
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI 工具，提供项目初始化、代码校验、实时预览、视频渲染及音频转录等功能。支持多种模板和格式配置，用于快速构建和交付基于 HTML 的视觉内容。
需要初始化 HyperFrames 项目结构
对 HTML 组成文件进行语法或逻辑检查
启动本地预览服务器查看效果
将 HTML 组合渲染为 MP4 或 WebM 视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于在 HyperFrames 项目中安装、发现和管理可复用的块与组件，支持通过 CLI 添加资源并配置其 HTML 属性以集成到主Composition中。
用户提到 hyperframes add
需要安装或发现块/组件
需要将已安装项接入现有 Composition
处理 hyperframes.json 配置
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站 URL 转换为专业视频（如社媒广告、产品演示）。通过捕获网页、编写设计与脚本、生成配音及分镜，最终构建并交付 HyperFrames 视频内容。
用户提供网址并要求制作视频
用户要求将网站转为视频或宣传素材
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
基于HTML和GSAP创建视频内容，包括动画、标题、字幕及音频同步。强制先定义视觉规范再构建布局与动画，支持CLI工具链，适用于HTML驱动的视频制作工作流。
需要生成HTML视频或动画
添加字幕或语音合成
创建音频反应式视觉效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
