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
请求生成HTML/CSS/React代码
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
GSAP动画库参考文档，涵盖核心Tween方法、缓动、时间轴及性能优化。用于在HyperFrames项目中编写和管理高性能的网页动画效果。
需要实现页面元素动画
配置GSAP缓动和时序
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI工具，用于视频项目的初始化脚手架、HTML组成文件的代码检查与验证、本地预览及最终视频渲染。支持多种模板和输出格式，旨在简化从创作到交付的完整工作流。
需要创建或初始化视频项目结构
对HTML组成文件进行语法或逻辑检查
在本地环境中预览视频效果
将项目渲染为MP4或WebM视频文件
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于在 HyperFrames 项目中安装、配置和组装可复用的 Block 与 Component。涵盖通过 CLI 添加资源、解析注册表配置、以及将组件正确嵌入宿主 HTML 的时间线和属性绑定。
执行 hyperframes add 命令
需要将已安装的 Block 或 Component 集成到现有 Composition 中
查询或修改 hyperframes.json 中的注册表和路径配置
处理组件的 HTML/CSS/JS 代码拼接
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将网站 URL 转化为 HyperFrames 专业视频。涵盖抓取、设计文档编写、脚本与分镜创作、TTS 配音生成、画面合成及最终验证交付，适用于社媒广告或产品展示。
用户要求将网站 URL 转换为视频
用户请求制作社交媒体广告或产品展示视频
用户要求捕获网站并生成宣传内容
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
基于 HTML、CSS 和 GSAP 创建视频合成、动画、字幕及音频反应式视觉效果的 Skill。涵盖从视觉识别定义到布局构建及动画生成的完整视频制作工作流，支持 CLI 命令集成。
需要创建 HTML 格式的视频内容或动画
要求生成同步字幕、语音旁白或音频驱动的视觉效果
需要添加场景过渡或文本高亮动画
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
