sticker-pack-maker

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

Build a WeChat sticker-album package from AI-generated digital-human frames: 16 looping GIF emojis (240×240) plus cover/icon/banner/support PNGs, packaged for sticker.weixin.qq.com. This skill should be used when a user wants to turn digital-human or reference images into a WeChat表情包 (sticker pack), produce looping GIF emojis, clean AI-generation artifacts, or package assets for the WeChat 表情开放平台. Encodes the full pipeline and the hard-won pitfalls so the work does not need to be rediscovered each time.

一句话选型结论

按资料字段整理

sticker-pack-maker是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_5df8667a/sticker-pack-maker
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_5df8667a仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791621969
正文体量4.3 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
sticker-pack-maker当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

4.3 KB
模型实际读到的说明书原文,来自技能仓库

Sticker Pack Maker (微信表情包制作)

Turn digital-human / reference sheets into a complete, upload-ready WeChat
sticker-album package. The pipeline below is proven end-to-end; the bundled
scripts are deterministic and reusable.

When to use

  • "做个微信表情包" / "用数字人做表情" / "把参考图做成表情专辑"
  • Need looping GIF emojis from AI frames
  • Need to clean ImageGen artifacts, make transparent covers/icons, package for 微信表情开放平台

Pipeline (5 steps)

  1. Decide scope — count × actions. Example: 16 stickers × 2 actions (blink +
    nod) = 32 AI generations (dropping a 3rd action like "shrug" simplifies cost).
  2. Generate frames — ImageGen img2img from a reference grid. Expect ~32–48
    raw PNGs at 1024×1024.
  3. Clean frames — run scripts/clean_frames.py to strip the right-edge ghost
    artifact and chroma-key the background to transparency.
  4. Build GIFs — run scripts/build_gifs.py with a sticker→frames JSON map;
    produces 5-frame loops (睁→眨→睁→点头→正) at 240×240.
  5. Make covers + package — scripts/make_cover.py for a solid-bg 240 cover and
    scripts/crop_avatar.py for the 640 real-person avatar; assemble the upload
    folder + zip.

Bundled scripts (run with the project's Pillow venv)

  • scripts/clean_frames.py [input_dir] [--out cleaned_dir]
    Detects and removes the ImageGen right-edge ghost (cols ~959–1023) via
    column-run gap detection, re-centers, then edge-floods near-background pixels
    to transparent. See reference pitfalls #1, #2, #3.
  • scripts/build_gifs.py --cleaned [dir] --map stickers.json --out [dir] [--static [dir]]
    chroma-keys static bases, bbox-normalizes every frame (crop alpha bbox → scale
    to 82% of 240 → center) to stop scale/position jitter, assembles the 5-frame
    loop with loop=0, disposal=2, transparency=0, optimize=True. Keeps each GIF
    under 500KB.
  • scripts/make_cover.py [in] [out] --size 240 --text "专辑名" [--mode character|photo]
    Composites a transparent character onto a solid engineering-blue gradient (or
    square-crops a photo) with an opaque bottom text band. Avoids the
    "floating transparent avatar" ugliness.
  • scripts/crop_avatar.py [in] [out] --size 640
    Center-crops any photo to a square and resizes for the platform's real-person
    640×640 artist avatar.

Critical constraints (read before uploading)

Load references/wechat_sticker_spec.md for the full field table, upload steps,
and the 8 hard-won pitfalls. Highlights:

  • Name ≤ 8 chars; intro ≤ 80 chars (the "≤11 char intro" rule circulating
    online is wrong — verify against the live form).
  • Two different "avatars": 240×240 album cover (use a solid-bg image) AND
    640×640 real-person artist avatar (AI art will likely be rejected).
  • Chat icon must be 50×50 and transparent; do NOT put a background on it.
  • WeChat allows 16 main GIFs max, each under 500KB; "add works" binds to one
    表情形象 with only 1 later change — upload all at once.
  • ImageGen background:transparent does not work → chroma-key instead.
  • You (the agent) cannot see the images — rely on numpy pixel stats (density
    grids, bbox, column runs) and always ask the user to eyeball sample GIFs.

Typical file layout produced

AI表情帧/cleaned/   →  transparent RGBA frames (from clean_frames.py)
GIF动效/            →  16 *_loop.gif (from build_gifs.py)
上架包/              →  16 gifs + 封面.png + 聊天图标.png + 详情页横幅.png
                         + 赞赏引导图.png + 致谢图.png + 头像_640.png + 上架清单.txt
上架包.zip          →  upload-ready archive

常见问题

5 问
答案由本站依据条目字段整理
sticker-pack-maker怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_5df8667a/sticker-pack-maker。安装方式为未标注。装完刷新技能列表或重开客户端。

sticker-pack-maker支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

sticker-pack-maker权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

sticker-pack-maker收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

sticker-pack-maker用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。