Agent Skills
› Jellypod-Inc/cartoon-studio
Jellypod-Inc/cartoon-studio
GitHub指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面、海报及应用，强调大胆的美学方向、精细的排版色彩及动效，生成高质量HTML/CSS/JS或React/Vue代码。
Install All Skills
npx skills add Jellypod-Inc/cartoon-studio --all -g -y
Skills in Collection (6)
指导创建具有独特设计感的生产级前端界面，避免通用AI美学。适用于构建网页组件、页面、海报及应用，强调大胆的美学方向、精细的排版色彩及动效，生成高质量HTML/CSS/JS或React/Vue代码。
构建网页组件
设计落地页
开发仪表盘UI
美化Web界面
制作海报
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
HyperFrames 项目中 GSAP 动画库的参考文档，涵盖核心方法、缓动、时间轴及性能优化等使用指南。
编写 GSAP 动画代码
查询 GSAP API 用法
解决前端动画问题
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI 工具，提供项目初始化、HTML 组合校验、预览及视频渲染功能。支持模板生成、音频转录与 TTS，用于快速搭建和发布多媒体内容。
需要初始化 HyperFrames 项目结构
执行 HTML 组合文件的 lint 检查
启动本地预览服务
将组合渲染为 MP4/WebM 视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
管理 HyperFrames 注册表，支持安装块和组件、配置安装路径及在宿主组合中接线。处理 hyperframes add 命令、文件路径、属性配置及注册表发现。
用户提及 hyperframes add、block、component 或 hyperframes.json
会话中出现 hyperframes add 的输出（如文件路径、剪贴板片段）
需要将已安装项接入现有组合
查询注册表中可用资源
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将指定网站URL转化为HyperFrames专业视频，涵盖捕获、设计、脚本、分镜、配音及构建等7步工作流，适用于社交媒体广告或产品展示。
用户提供URL并要求制作视频
用户请求将网站转为视频内容
用户希望基于现有网站生成社媒广告或产品导览
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HyperFrames中创建基于HTML的视频内容，包括动画、字幕、语音合成及音频响应视觉效果。强调先定义视觉身份再构建布局与动画的工作流。
创建视频合成或动画
添加同步字幕或旁白
生成音频响应视觉效果
制作标题卡或转场
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
