← 返回
未分类

Jiffy​图片合成小动画

当用户要求"合成GIF"、"生成动图"、"制作APNG"、"图片合成动画"、"多张图片转GIF"、"帧合成APNG",或提到"GIF编码器"、"APNG编码器"、"动画PNG"、"帧序列动画"时,应使用此技能。提供零依赖的GIF89a和APNG编码器,支持Floyd-Steinberg抖动算法和LZW/DEFLATE压缩。
当用户要求"合成GIF"、"生成动图"、"制作APNG"、"图片合成动画"、"多张图片转GIF"、"帧合成APNG",或提到"GIF编码器"、"APNG编码器"、"动画PNG"、"帧序列动画"时,应使用此技能。提供零依赖的GIF89a和APNG编码器,支持Floyd-Steinberg抖动算法和LZW/DEFLATE压缩。
user_6bbd6f5f
未分类 community v1.0.3 4 版本 100000 Key: 无需
★ 0
Stars
📥 50
下载
💾 0
安装
4
版本
#latest

概述

GIF/APNG 动画编码器

纯 JavaScript 的 GIF89a 和 APNG 编码器。从 RGBA 像素帧合成动画,零外部依赖,浏览器和 Node.js >= 18 均可用。

> 完整技能定义位于 skills/gif-connect/SKILL.md,配套源码和示例均在该目录下。

核心能力

  • GifEncoder:GIF89a 格式,Floyd-Steinberg 抖动,LZW 压缩,每帧 256 色,同步 encode()
  • ApngEncoder:动画 PNG,完整 RGBA,DEFLATE 压缩,CRC32 校验,异步 encode()

使用方式

编码器源码位于 skills/gif-connect/src/ 下,示例位于 skills/gif-connect/examples/ 下。技能触发后,读取对应源码文件写入用户项目即可零依赖使用。

API:

const encoder = new GifEncoder(width, height);
encoder.setRepeat(0);              // 0 = 无限循环
encoder.addFrame(rgbaPixels, 500); // Uint8ClampedArray RGBA, 延时(毫秒)
const bytes = encoder.encode();    // GifEncoder: 同步; ApngEncoder: await

附加资源

  • skills/gif-connect/references/api-reference.md — 完整 API 参考
  • skills/gif-connect/examples/browser.html — 浏览器演示
  • skills/gif-connect/examples/node-example.js — Node.js 示例
  • src/ — npm 包编码器副本(与技能目录内容一致)

版本历史

共 4 个版本

  • v1.0.3 Initial release 当前
    2026-05-27 15:31 安全 安全
  • v1.0.2 修改1.0.1的错误
    2026-05-27 14:24 安全 安全
  • v1.0.1 skills.md和readme.md改为中文
    2026-05-27 13:56 安全 安全
  • v1.0.0 Initial release
    2026-05-27 11:07 安全 安全

安全检测

腾讯云安全 (Keen)

安全,无风险
查看报告

腾讯云安全 (Sanbu)

安全,无风险
查看报告

🔗 相关推荐

design-media

Openai Whisper

steipete
使用 Whisper CLI 进行本地语音转文字(无需 API 密钥)
★ 331 📥 94,044
data-analysis

曲线生成小工具

user_6bbd6f5f
从 CSV/TXT 数据文件生成多轴曲线图。当用户需要将表格数据可视化为曲线、绘制时间序列图、用独立 Y 轴比较多列数据、进行移动平均或样条平滑处理、或将图表导出为 PNG/JSON/CSV 时使用。触发关键词:曲线、图表、绘图、可视化、C
★ 0 📥 131
design-media

UI/UX Pro Max

xobi667
提供 UI/UX 设计智能与实现指导,帮助打造精美界面。适用于 UI 设计、UX 流程、信息架构、视觉风格、设计系统/标记、组件规格、文案/微文案、无障碍及前端 UI(HTML/CSS/JS、React、Next.js、Vue、Svelte
★ 218 📥 47,899