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 生成，适用于项目创建、开发调试与发布流程。
需要初始化 HyperFrames 视频项目结构
对 HTML 组合进行 lint 校验
启动本地预览服务器
将组合渲染为 MP4/WebM 视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
管理 HyperFrames 注册表，支持通过 CLI 安装和配置可复用的块与组件。处理安装路径、JSON 配置及在宿主项目中接线集成（如 HTML 属性绑定），实现媒体内容的模块化组装。
执行 hyperframes add 命令安装块或组件
需要将已安装的项接线到现有组合中
查询或修改 hyperframes.json 中的注册表配置
用户询问关于块、组件或注册表发现的问题
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站URL转化为专业视频内容的自动化技能。通过捕获网页、编写设计与脚本、生成语音及分镜，最终构建并交付HyperFrames视频。适用于社媒广告、产品展示等场景。
用户要求将网站转为视频
用户请求制作产品宣传或社交媒体广告
用户提供链接并要求生成视频内容
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
基于 HTML、CSS 和 GSAP 创建视频合成、动画、字幕及音频响应视觉效果的 Skill。强调先布局后动画，强制遵循视觉设计规范，支持转场与配音生成。
需要制作 HTML 格式的视频内容
要求添加同步字幕或语音旁白
需要创建音频驱动的动画效果
涉及场景过渡或标题卡片制作
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
