Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建Web组件、页面、海报或应用，生成具有鲜明设计风格和创意细节的高质量代码。
安装全部 Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
集合内 Skills (6)
指导创建独特且生产级的前端界面，避免通用AI美学。适用于构建Web组件、页面、海报或应用，生成具有鲜明设计风格和创意细节的高质量代码。
用户要求构建网页组件或页面
需要美化或重新设计Web UI
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
GSAP动画库参考，涵盖核心方法、缓动、时间轴及性能优化。用于在HyperFrames中编写高质量前端动画效果。
编写GSAP动画代码
查询GSAP API用法
优化前端动画性能
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，提供项目初始化、代码校验、预览、视频渲染及音频转录等功能，支持多模板与自动化工作流。
需要创建或初始化多媒体项目结构
执行HTML组合文件的语法或规范检查
启动本地预览服务器查看效果
将内容渲染导出为MP4或WebM视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 注册表中的块与组件，处理命令执行、文件路径管理及在宿主组合中通过属性进行集成接线。
用户提及 hyperframes add、block、component 或 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、CSS 和 GSAP 的视频内容创作框架，支持动画、字幕、语音合成及音频可视化。强调先布局后动画的工作流，强制视觉规范检查，用于构建高质量 HTML 视频作品。
创建视频动画或场景过渡
生成同步字幕或旁白
制作音频响应式视觉效果
编写 HTML 视频脚本
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
