Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建独特且生产级的前端界面，避免通用AI审美。适用于构建网页、组件、仪表板等，强调大胆的视觉风格、排版、色彩和动效设计。
安装全部 Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
集合内 Skills (6)
指导创建独特且生产级的前端界面，避免通用AI审美。适用于构建网页、组件、仪表板等，强调大胆的视觉风格、排版、色彩和动效设计。
用户要求构建网页或前端组件
需要美化或重新设计Web UI
生成HTML/CSS/React代码
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转录及环境诊断，覆盖从创建到交付的全流程。
初始化或搭建新的视频项目结构
对HTML组合文件进行语法和逻辑检查
启动本地预览服务器查看效果
将组合渲染导出为MP4或WebM视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于在HyperFrames项目中安装、发现并配置可复用的块和组件。支持通过CLI命令添加资源，处理安装路径配置，并将组件或块正确集成到宿主组合的HTML中，包括属性绑定与代码拼接。
用户提及 hyperframes add 命令
需要安装或发现注册表中的块/组件
需要将已安装的项接线到现有组合中
涉及 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和GSAP创建视频合成、动画、字幕及音频反应视觉效果。指导定义视觉身份、布局与时间轴，支持转场、配音等全流程视频内容制作。
需要生成HTML格式的视频或动画内容
要求为视频添加同步字幕或语音旁白
需要创建音频驱动的动态视觉效果
请求在视频场景间添加过渡效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
