Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub用于创建独特、生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用或美化Web UI，强调大胆的美学方向和精致的代码实现。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
用于创建独特、生产级的前端界面，避免通用AI审美。适用于构建网页组件、页面、应用或美化Web UI，强调大胆的美学方向和精致的代码实现。
构建Web组件
设计页面布局
美化Web UI
生成React/Vue组件
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 组合文件校验、实时预览、视频渲染及环境诊断。
需要创建或初始化 HyperFrames 视频项目结构
需要校验 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转换为专业视频内容，涵盖捕获、脚本编写、分镜设计、语音生成及最终渲染等7步工作流，适用于社交媒体广告或产品展示。
用户提供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
