Codex直出透明背景设计素材，已开源！独立开发者福音

让Codex把设计素材做成可以直接交付的文件——透明PNG、GIF、Spritesheet。

以前往网站里放一个视觉素材：找设计师画 → 处理透明背景 → 做动画 → 改尺寸改格式。对独立开发者、PM、自媒体来说，这个流程太重了。

开源了一套Codex视觉素材Skill，专门解决这个问题。

项目地址：https://github.com/DwDestiny/codex-visual-asset-skills

---

两个Skill

1. transparent-visual-assets

生产透明背景设计素材——网页小角色、产品插画、贴纸、图标、空状态插画、App引导图、PPT装饰元素。

告诉Codex用途、风格、尺寸，它会先生成适合处理的纯色背景图，再自动清理成带透明通道的PNG。

2. sprite-animation-assets

生产动画素材——角色挥手、按钮动效、小游戏角色动作。产物可以是GIF、spritesheet或atlas。

---

安装使用

npx skills add DwDestiny/codex-visual-asset-skills --skill '*' -g -a codex -y

透明素材：

Use $transparent-visual-assets to create a transparent PNG cartoon character asset for my website.

动画素材：

Use $sprite-animation-assets to turn this character into a waving GIF and transparent spritesheet.

关键是把用途说清楚：放网页？PPT？App？电商详情页？小游戏？什么风格？要不要动画？

---

适用场景

• 网站：Landing page主视觉、空状态图、按钮贴纸
• PPT：汇报页、课程页、路演页装饰素材
• 自媒体/电商：公众号封面、小红书配图、商品角标
• 游戏/互动UI：角色、道具、背包图标、spritesheet

适合谁：有设计师→快速出草稿和素材方向。独立开发者/副业人→不用学PS、不用抠图、不用去素材站翻半小时。

---

关键词：Codex, 设计素材, 透明背景, GIF动画, 开源