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或HTML/CSS组件
请求美化或重构现有Web UI
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
提供GSAP动画库在HyperFrames中的使用参考，涵盖核心方法、缓动、时间轴及性能优化，辅助编写前端动画效果。
需要创建或调试前端动画时
查询GSAP API用法时
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，用于视频项目的脚手架初始化、HTML组成编写、代码检查、预览、渲染及音频处理。支持多模板和CI自动化。
创建新的视频项目结构
验证或修复HTML组成文件
本地预览视觉效果
将组成渲染为视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
管理 HyperFrames 注册表，支持通过 CLI 安装和发现代码块与组件。负责将已安装的项正确集成到主 compositions 中，包括处理 HTML 属性连线、文件路径配置及片段合并，确保子组合在宿主环境中正常运行。
用户提及 hyperframes add 命令
需要安装或发现注册表中的 block/component
需要将已安装项集成到现有 composition
讨论 hyperframes.json 配置
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、CSS和GSAP创建视频合成、动画、字幕及音频响应视觉效果的框架技能，强调先布局后动画的流程。
需要制作HTML视频内容或动画
要求添加同步字幕或语音旁白
生成音频驱动的动态视觉效果
在场景间添加过渡效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
