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 组合代码校验、实时预览及最终渲染。支持初始化模板、音频转录、TTS 生成及环境诊断，覆盖从开发到发布的全流程。
需要创建新的视频项目结构或初始化模板
对 HTML 组合文件进行语法和逻辑校验
启动本地服务器预览视频效果
将项目渲染为 MP4 或 WebM 格式视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
管理 HyperFrames 注册表，支持通过 CLI 安装和配置 Block/Component，处理文件路径及 HTML 属性连线配置。
用户提及 hyperframes add、block、component 或 hyperframes.json
会话中出现安装输出或需要连线已安装项
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站转换为 HyperFrames 专业视频。通过捕获网站内容，依次生成设计文档、脚本、分镜及音频，最终构建并验证视频作品，适用于社媒广告或产品展示。
用户请求将网站链接转换为视频
用户要求制作基于现有网站的产品演示或社媒广告
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HyperFrames中创建基于HTML的视频内容，包括动画、标题、字幕、语音合成及音频响应视觉效果。支持完整的视频制作工作流、场景过渡和布局设计。
需要生成HTML视频或动画时
添加字幕、语音解说或音频同步效果时
创建场景过渡或视觉特效时
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
