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
提供HyperFrames中GSAP动画开发的参考指南，涵盖核心方法、缓动、时间轴控制及性能优化。适用于编写GSAP动画时的参数配置与最佳实践查询。
需要编写GSAP动画代码
查询GSAP属性或缓动函数
解决动画重叠或性能问题
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，用于视频合成项目的初始化、代码校验、实时预览及视频渲染。支持多种模板脚手架、音频转录、TTS生成及环境诊断，适用于从搭建到交付的全流程开发。
需要创建或初始化 HyperFrames 视频项目
对 HTML compositions 进行语法或逻辑检查
在本地启动预览服务查看效果
将 composition 渲染导出为 MP4 或 WebM 视频文件
诊断 HyperFrames 环境配置问题
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于在 HyperFrames 中安装和配置注册表中的块与组件。支持通过 CLI 安装、自动发现可用资源，并将块或组件正确接入宿主项目的 index.html 及 hyperframes.json 配置中。
用户提及 hyperframes add、block、component 或 hyperframes.json
会话中出现 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
用于在HyperFrames HTML中创建视频内容，包括动画、标题、字幕、语音合成及音频响应视觉效果。需先定义视觉风格，遵循布局优先原则，利用GSAP和CSS实现时间轴同步与转场。
需要制作HTML视频或动画
添加同步字幕或语音旁白
创建音频驱动的动态效果
设计场景转场效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
