⏳ This skill is pending AI review.

Scores will appear once the review pipeline completes.

version unknown

oil-icon

@oil-oil⭐ 304 stars

生成风格统一的图标集合,通过宫格生图、切分和去背景交付透明 PNG。用户需要成套自定义图标、栏目图标或匹配品牌风格的图标时使用;不用于单个简单矢量图标或小尺寸密集功能符号。

Choose how to use this skill

You do not need every option. Choose the path your AI client supports. The stable page stays the same; versioned files are immutable.

1. Native installer

This listing has no registered native installer command. Use the complete package or source fallback below, depending on what your client supports.

Do not guess an installer command or replace an existing version without reviewing the diff.

2. Complete package recommended

Download the ZIP when available. It includes SKILL.md plus the references, security notes and version metadata.

No complete ProSkills package is published for this listing yet.

3. Prompt-only

Copy the prompt above when the agent can read the stable page or when you want to adopt the workflow without installing a skill.

Need only the instruction file?

Download SKILL.md only if your client requires a single file. The complete ZIP is safer for a full installation because it preserves the references and release context.

No path installs or executes anything by itself. Your agent still needs access to the project files. Before updating, compare the installed version and review the diff.

—/10

// RATINGS

⭐GitHub Stars
⭐⭐⭐ 304 on GitHubGitHub ↗

Popular

🟢ProSkills Score
—
📍

Not yet listed on ClawHub or SkillsMP

// README

生成风格一致的图标集合,完成宫格切分、背景去除和逐个检查,交付透明 PNG。

上面的两组图标使用了完全相同的 16 个概念:配色、网格、魔法棒、图层、品牌、标签、卡片、分类、空状态、营销、产品、角色、切图、透明背景、质检和导出。改变的是整套的画法,因此一组是柔软 3D,另一组是等轴微缩。

它适合产品功能、分类、营销卡片、空状态和品牌化插图;如果只是制作 16–24px 的按钮小图标,直接使用 Lucide 等矢量图标库会更合适。

让模型一张一张画,后面的图标很容易忘记前面的线宽、圆角、视角和颜色。oil-icon 把 16 个图标放在同一次生成里,让模型始终看见整套作品;开始画之前,还会先把共同的规则定清楚。

一套图标会共同遵守:

  • 同一套画法:网格、视角、线宽、圆角和繁简程度一致。
  • 同一套颜色:色值直接锁定,避免每一批越画越艳、越画越偏。
  • 同一个记号:反复出现的小火花、切角或其他母题,让图标拥有自己的身份。
  • 同一次生成:16 个图标共享同一段视觉上下文,比逐张生成更容易保持一致。

所以它不是给通用图标换一套颜色,而是先把整套的画法定清楚,再让模型按照这些规则画完。

图标清单 + 风格或项目素材
          ↓
定好颜色、视角、圆角和专属记号
          ↓
在纯灰背景生成一张 4×4 图标图
          ↓
自动切成 16 张图片并移除背景
          ↓
在高对比底色检查灰边、串格和一致性
          ↓
交付 16 张透明 PNG

硬边图标使用颜色识别清除背景,3D、贴纸等软边图标使用背景移除模型。切图程序只保留每个格子中心的主体,避免把旁边图标的碎片一起带走。

仓库里现在有 9 种内置预设,每一种都有自己的色彩、构造规则和背景移除方式:

预设视觉特点更适合
linear · 线性单色描边、统一线宽、圆角收笔工具、设置和内容密集的界面
filled · 面性单色清楚的实心轮廓,只使用一种主色导航、标签栏和小面积强调
colorblock · 撞色2~3 种颜色组成简洁的几何色块创意、教育和轻松活泼的产品
cartoon · 卡通粗描边、圆润造型和贴纸感游戏、娱乐和角色化内容
isometric · 等轴微缩统一视角的立体小物件,结构清楚工作台、功能介绍和 SaaS 产品
render3d · 3D 渲染柔软膨胀的形状、糖果色和细腻材质引导、奖励、会员和营销卡片
sticker · 贴纸清楚的外轮廓、亮面材质和独立贴纸造型社区、聊天、表情和活动素材
realistic · 真实实物接近产品摄影的真实物体电商、商品分类和首屏展示
animal-badge · 动物徽标动物角色与统一徽章结构结合头像、儿童产品和角色系统

这 9 种只是随仓库提供的稳定起点,不是 oil-icon 能做的全部风格。我们还可以:

  • 直接修改预设:替换配色,调整线宽、圆角、视角、材质和细节多少。
  • 匹配现有品牌:读取网站、Logo、截图和设计变量,把真实的颜色与形状规则整理成一套图标风格。
  • 从文字描述开始:没有现成设计也没关系,可以先用一句话确定方向,再生成第一张风格样板。
  • 保存专属规则:风格确认后,把色板、构造方式和专属记号固定下来,之后继续生成的新图标也会沿用同一套规则。

内置预设解决的是快速开始,品牌适配解决的是让图标真正属于这个产品。

方式一 · 执行命令

npx skills add oil-oil/oil-icon

方式二 · 直接交给 Agent

把下面这句话发给任何支持 Skill 的 Agent:

请安装这个 Skill:https://github.com/oil-oil/oil-icon

安装完成后,可以直接描述图标清单和使用场景:

[$oil-icon] 根据这个产品的页面和配色,生成一套 16 个功能图标。

如果没有现成品牌,也可以指定一个方向:

[$oil-icon] 为我的 AI 写作工具生成一套柔软 3D 图标,包含创作、改写、翻译、素材、历史和导出。

oil-icon 会优先使用 Agent 当前可用的图片生成能力;没有内置图片工具时,再根据环境选择其他生成方式。切图与检查流程保持一致。

  • SKILL.md:完整工作流与执行规则
  • styles/:内置风格和构造规范
  • reference/:提示词、品牌适配、图标设计与生成说明
  • scripts/:环境安装、切图和背景移除工具

License

MIT

配置、依赖与使用边界

依赖已授权的生图工具;切图需 scripts/setup.sh 安装的 Python 图像依赖。软边缘风格按需使用 rembg。无需把 Key 发到聊天。

产物保存在任务目录。9 格使用 --grid 3,16 格使用 --grid 4;小尺寸功能图标优先矢量库。一次生成不保证一致性。

使用示例:

用 oil-icon 为这六个功能画一组配套图标。

API Key 配置页面

首次使用外部服务时,可以在本机配置页亲自填写 Key;已有配置会复用,密钥存入系统凭据库。只为实际使用的外部服务配置;纯本地处理不需要 Key。页面需要 Node.js 22.18+ 与可用的系统凭据服务,业务运行仍使用原依赖。

安装、状态检查、打开页面和带凭据运行的完整入口见配置说明。页面保存与业务读取已经接通;不把 Key 发进聊天,也不自动迁移旧文件。

// HOW IT'S BUILT

KEY FILES

SKILL.mdREADME.md

// REPO STATS

304 stars