SuperAPI AI 工具集

graphic-gif

通用与其它

查看项目

更新于 10-16 02:27

技能介绍

用途:将 CSS 动画(默认)或 AI 图生视频转换为循环动态 GIF,输出文件为 animation.gif,与其他输出静态 PNG/PDF 的 graphic 技能不同。

主要能力:默认使用 css-animated 路径,通过 CSS @keyframes 动画,经 Playwright 与 Web Animations API 逐帧捕获生成 GIF;可选 ai-generated 路径,经 Kling 图生视频 API 生成后转 GIF。支持 6 种动画类型:fade-in、slide-in、typewriter、counter、pulse、loop-scroll;4 种风格预设:clean-slate、terminal、electric-burst、brutalist。

关键参数与默认值:animation_type 默认 css-animated(可选 ai-generated);duration 默认 3.0 秒;fps 默认 12;loop 默认 true;style 默认 clean-slate;dimensions 默认 800x800;optimization 默认 balanced(可选 quality / balanced / filesize)。

使用方式:css-animated 路径下生成单一自包含 HTML(CSS 内联,仅字体 CDN link 为外部依赖),帧数按 Math.floor(duration_seconds * fps) 计算,不捕获 t=duration_ms 帧以避免循环处卡顿;随后通过导出脚本生成 GIF:bash [skill-root]/scripts/export-gif.sh [slug]/animation.html [slug]/animation.gif --duration [duration] --fps [fps] --optimization [optimization] --width [W] --height [H],loop=false 时加 --no-loop。ai-generated 路径需 KLING_API_KEY 环境变量和本地 ffmpeg,用两遍调色板把视频转 GIF。

限制与未知:ai-generated 仅在显式指定时使用;Kling 不可用时回退到 css-animated。缺少提示词或运动描述时会向用户追问。技能安装需保留 scripts/ 文件夹。价格、具体效果等资料暂未提供。