ESC
开源 1 分钟阅读

3dicon:一句提示词生成带真实透明通道的循环动画3D图标——一个 Claude Code 技能

开发者发布开源 Claude Code 技能 3dicon:一句提示词即可生成带真实透明通道的循环动画3D图标,输出为可直接嵌入应用 UI 的动画 WebP。核心技巧是将同一张静态图同时作为首帧和尾帧,使视频模型生成无缝循环动画,再逐帧移除背景并精确还原颜色,保持柔和边缘无光晕。项目基于 GPT Image 与 Seedance 模型,通过 OpenRouter 调用,采用 MIT 许可证。

来源:GitHub

/3dicon

一句提示词输入,输出循环动画3D图标(带真实透明通道),生成可直接放入应用 UI 的动画 WebP。

eight icons looping around the /3dicon wordmark

安装

/plugin marketplace add samyost1/3dicon
/plugin install 3dicon

一个 OpenRouter key 即可覆盖整个流程——图像模型和视频模型都通过它运行。

cd ~/.claude/skills/3dicon
pip install -r requirements.txt
cp .env.example .env

把你的 key 放入 .env:

OPENROUTER_API_KEY=sk-or-...

可在 openrouter.ai/keys 获取。

ffmpeg 必须在 PATH 中。首次运行会下载一个约 180MB 的抠图模型。

使用

用自然语言直接提出请求:

使用 /3dicon 制作一个动画3D火焰图标

它会先生成一张静态图并展示,等你确认之后才在动效环节产生花费。然后它会提出动效方案,并再次等待确认。

工作原理

flowchart LR
    P["你的提示词"] --> S["静态图像<br/><sub>GPT Image</sub>"]
    S --> F["首帧"]
    S --> L["尾帧"]
    F --> V["视频模型<br/><sub>Seedance</sub>"]
    L --> V
    V --> M["移除背景<br/><sub>每一帧</sub>"]
    M --> E["动画 .webp<br/><sub>真实 alpha</sub>"]

诀窍在中间环节:同一张静态图同时作为首帧和尾帧发送,因此模型会回到起始位置,循环闭合时不会出现可见接缝。

背景是在我们自行选定的颜色上移除的,这意味着原始颜色可以被精确解出而非靠猜测——这正是让柔和边缘保持柔和、不留下光晕的原因。

许可证

MIT。你用它生成的图标归你所有,没有任何限制。