Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调大胆的审美方向、排版、色彩和动效细节。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页、组件、仪表盘等，强调大胆的审美方向、排版、色彩和动效细节。
需要构建具有高质量设计的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生成，适用于从脚手架搭建到成品输出的完整工作流。
需要创建或初始化视频项目结构
对HTML合成文件进行代码检查
在本地预览多媒体合成效果
将HTML合成渲染为MP4或WebM视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于安装和配置 HyperFrames 注册表中的块与组件，包括执行添加命令、处理安装路径及将组件接入现有合成文件。
用户提及 hyperframes add、block、component 或 hyperframes.json
需要发现注册表中可用的资源
需要将已安装的项接入现有合成
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站 URL 转换为专业视频的技能。涵盖捕获网页、编写设计与脚本、生成语音、构建动画组合及最终验证交付的完整工作流，适用于制作社交媒体广告或产品展示视频。
用户提供 URL 并要求生成视频
用户要求将网站转为视频或宣传素材
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HTML中创建视频合成、动画、字幕及音频响应视觉效果的技能。涵盖叙事构建、视觉规范校验、布局设计及GSAP动画实现，支持CLI工具调用，适用于基于HTML的视频内容生产工作流。
需要生成基于HTML的视频或动画内容
要求制作标题卡、叠加层、字幕或语音旁白
需要创建音频响应式视觉效果或场景过渡
涉及HyperFrames框架下的视频合成与编排
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
