Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建独特、生产级的前端界面，避免通用AI美学。用于构建Web组件、页面或应用，强调大胆的审美方向、精细的排版与色彩，生成高质量且令人印象深刻的代码实现。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
指导创建独特、生产级的前端界面，避免通用AI美学。用于构建Web组件、页面或应用，强调大胆的审美方向、精细的排版与色彩，生成高质量且令人印象深刻的代码实现。
用户要求构建网站或落地页
需要设计React/Vue组件
请求美化现有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 组合编写、代码校验、实时预览及最终渲染。支持多种模板、媒体导入、音频转录和 TTS 生成，适用于从脚手架搭建到成品输出的完整工作流。
需要创建新的 HyperFrames 视频项目结构
对 HTML 组合文件进行语法或逻辑检查
需要将组合内容渲染导出为 MP4 或 WebM 视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 注册表中的代码块与组件。支持通过 CLI 添加资源、解析配置文件路径，并将安装项正确集成到主 composition 的 HTML 中，处理属性绑定与依赖合并。
用户提到 hyperframes add 命令
需要安装或发现注册表中的 block/component
需要将已安装的项接入现有 composition
处理 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
基于HTML、CSS和GSAP生成视频内容，包括动画、字幕、语音合成及音频响应视觉效果。提供从视觉规范到布局与动画的完整工作流指导。
创建HTML视频或动画
添加同步字幕或配音
生成音频驱动动画
制作场景转场效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
