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前端界面
要求生成高设计质量的React组件或HTML/CSS布局
希望避免通用AI生成的平庸UI风格
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
提供GSAP动画库在HyperFrames中的参考文档，涵盖核心方法、缓动、时间轴及性能优化。用于指导编写高质量动画代码。
需要实现页面或元素动画效果
查询GSAP API用法或参数配置
解决动画性能或兼容性问题
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，用于视频项目脚手架初始化、HTML Composition代码校验与预览、最终视频渲染导出、音频转录及TTS生成，支持多模板快速搭建和CI环境自动化。
需要初始化视频项目结构或选择示例模板
需要对Composition文件进行语法或逻辑检查
需要在本地启动服务预览动态效果
需要将Composition渲染为MP4或WebM视频文件
需要进行音频转录或文本转语音处理
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和管理HyperFrames注册表中的块与组件，处理CLI命令执行、文件路径配置及在宿主项目中集成代码的逻辑。
用户提及 hyperframes add、block、component 或 hyperframes.json
会话中出现 hyperframes add 的输出（如文件路径或剪贴板片段）
需要将已安装项接入现有组合
查询注册表中可用资源
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站 URL 转换为专业视频内容。通过捕获网页、编写脚本和分镜、生成配音及构建动画，最终交付符合品牌风格的短视频或广告素材。
用户要求将网站转为视频
用户请求制作产品演示或社交媒体广告
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
基于HTML/GSAP/CSS创建视频合成、动画、字幕及音频反应式视觉效果的技能，强调先布局后动画的工作流与视觉规范约束。
需要生成HTML格式的视频内容或动画
要求添加同步字幕或语音旁白
需要创建受音频驱动的视觉效果或场景过渡
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
