Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向、精细的排版与动效设计。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
指导创建独特、生产级的前端界面，避免通用AI美学。适用于构建网页组件、页面、应用或UI美化，强调大胆的美学方向、精细的排版与动效设计。
用户要求构建Web组件或页面
需要美化或重新设计现有Web UI
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组合编写验证、预览渲染及音频处理。支持脚手架搭建、代码Lint检查、本地预览、多格式视频导出及环境诊断，提升内容创作与开发效率。
需要初始化或搭建视频项目结构
对HTML组合进行语法检查和错误排查
在本地预览或最终渲染输出视频文件
处理音频转录或TTS生成任务
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 注册表中的代码块与组件。支持通过 CLI 命令添加资源、解析配置文件确定安装路径，以及将组件正确接入宿主 HTML 的标记属性中。
使用 hyperframes add 命令安装模块
需要将安装的组件或代码块集成到现有项目中
查询或配置 registry 安装路径
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
