Oil Icon — AI skill for Claude Code
AI icon set generator skill for Claude Code & Codex.
How to install Oil Icon
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open oil-oil/oil-icon and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Oil Icon does
AI icon set generator skill for Claude Code & Codex. 帮你生成整套风格统一的图标。
Alternatives in AI
- Architecture Diagram Generator — Generate beautiful dark-themed system architecture diagrams as standalone HTML/SVG files 7k ★
- Academic Figure Generator — AI 驱动的学术论文配图生成平台 2.2k ★
- Codesight — Universal AI context generator 979 ★
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` 能做的全部风格。我们还可以:
- 直接修改预设:替换配色,调整线宽、圆角、
Related Skills
Claude Code Design AI
Claude Design: AI UI/UX architect. Screenshot to React, Figma components, Tailwind CSS generator. Prototyping
Claude Playstore Screenshots Generator
Claude Code skill — capture Android screenshots, extract brand colors, and generate Play Store assets (icon, f
Subscriptionbar
One macOS menu bar icon for the limits of every AI subscription you already pay for. Reads Claude, Codex, Grok
Ailimits
Native Windows 11 desktop widget for AI usage limits: live Claude, Codex, Copilot and Antigravity percentages,
Oil UI
Push AI UI design to its limits: explore distinct directions, compare them side by side, and refine against re
Oil Job Skill
从社媒出发,找到 AI 工作机会。让 AI 助手查招聘线索、了解公司、寻找创始人或招聘负责人,并帮你写求职邮件和打招呼的消息。
Related Agents
GPT Image Prompter
Prompt engineer for the Codex image generator (gptimage skill, ChatGPT subscription). Turns image ideas — ofte
Packager Troubleshooter
Use this agent when packaging fails or needs changes — yarn build:package:windows mac linux, PyInstaller error
Asset Creator
Creates code-based visual assets — SVG icons, OG image HTML, social banners, icon sets. Code-only output (not