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界面
请求生成React/Vue/HTML/CSS代码
npx skills add Jellypod-Inc/cartoon-studio --skill frontend-design -g -y
HyperFrames中GSAP动画参考，涵盖核心方法、缓动、时间线及性能优化。新增matchMedia响应式支持、函数值、相对值、clearProps等功能，增强媒体查询与无障碍适配能力。
需要编写GSAP动画代码时
配置缓动或时间线参数时
处理响应式动画或无障碍模式时
npx skills add Jellypod-Inc/cartoon-studio --skill gsap -g -y
HyperFrames CLI 工具，用于项目初始化、HTML 组合文件校验、实时预览及视频渲染。支持多种模板和媒体导入，提供 lint/preview/render 工作流，并集成音频转录与 TTS 功能，适用于视频创作全流程。
需要初始化 HyperFrames 视频项目
校验 HTML 组合文件的合法性
在本地预览视频效果
将组合渲染为 MP4 或 WebM 视频
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-cli -g -y
用于在 HyperFrames 项目中安装、发现并配置可复用的 Blocks 和 Components。支持通过 CLI 添加资源，自动处理文件路径，并提供将 Block 嵌入宿主组合或合并 Component 代码至 HTML/CSS/JS 的详细接线指南与属性说明。
用户提及 hyperframes add 命令
需要安装或发现注册表中的 Block 或 Component
需要将已安装的组件接线到现有 composition 中
涉及 hyperframes.json 配置或安装路径问题
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes-registry -g -y
将指定网站URL转换为HyperFrames视频。适用于用户请求制作产品演示、社交媒体广告或任何基于现有网站的视频内容。通过七步工作流，从捕获网页、撰写设计和脚本、生成故事板，到合成配音及最终验证交付，确保输出专业的动态视频资产。
用户提供URL并要求生成视频
用户要求捕获网站并转为视频
用户希望基于网站创建社交媒体广告或产品展示
用户分享链接并请求任何形式的视频内容
npx skills add Jellypod-Inc/cartoon-studio --skill website-to-hyperframes -g -y
用于在HyperFrames HTML中创建视频内容、动画及特效。支持字幕同步、TTS旁白、音频驱动视觉及场景转场。强调先定义视觉规范，再构建静态布局，最后添加GSAP动画的工作流。
创建HTML视频或动画
添加与音频同步的字幕
生成文本转语音旁白
制作音频反应式视觉效果
添加场景转场效果
npx skills add Jellypod-Inc/cartoon-studio --skill hyperframes -g -y
