Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面或应用，强调大胆的审美方向、排版、色彩及动效细节。
安装全部 Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
集合内 Skills (6)
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面或应用，强调大胆的审美方向、排版、色彩及动效细节。
构建Web组件或页面
生成HTML/CSS/JS代码
美化Web UI设计
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
GSAP动画库参考文档，涵盖核心Tween方法、缓动函数、时间轴控制及性能优化技巧。用于在HyperFrames项目中编写高效的前端动画效果。
需要创建页面或元素动画时
配置GSAP时间轴和缓动参数时
优化前端渲染性能时
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，提供项目初始化、HTML组合编写、代码校验、预览及视频渲染等功能。支持多种模板和媒体处理，适用于视频内容创作流程的自动化与标准化。
需要创建或初始化视频项目结构
对HTML组合文件进行语法检查和错误排查
在本地预览视频合成效果
将HTML组合渲染为MP4或WebM视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 的注册表块与组件，支持通过 CLI 添加资源、解析安装路径及在 HTML 中正确接线集成。
执行 hyperframes add 命令
需要安装或发现注册表中的块/组件
将已安装的组件接线到现有组合中
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站URL转换为HyperFrames视频。通过捕获网页、编写设计文档与脚本、生成语音及分镜，最终构建并验证视频内容，适用于社交媒体广告或产品展示。
用户提供URL并要求制作视频
用户要求将网站转为视频或宣传片
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HTML中创建视频合成、动画、字幕及音频可视化。涵盖叙事设计、布局构建、GSAP时间轴动画及视觉风格规范，支持从构思到渲染的完整视频制作流程。
需要生成基于HTML的视频内容或动画
要求添加与音频同步的字幕或旁白
需要创建音频驱动的视觉效果（如节拍同步）
请求为场景添加转场效果或标题卡片
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
