AI灵感世界AI Skills · 设计oil-ui
入馆：2026 年 11 月 4 日
oil-ui
给 Agent 用的界面设计 Skill，帮做网站和 App 的人出对比稿。
- 生态
- Agent Skills
- Skill 分类
- 设计
- 创建者 / 机构
- oil-oil
它是什么
Oil UI 是 GitHub 用户 oil-oil 做的界面设计 Skill，网站、App、后台和组件都能做。它默认推荐一个设计方向，照着真实画面打磨；你想比较时，再把几种真正不同的方向放进同一个对比页让你挑。动手前，它会先判断这是哪一类产品，找出同类里风格最鲜明的两三家做参照，再把“高级”“简洁”这类词翻成具体的字体、留白和用色比例。它特别在多方案对比时，任意两个方向在版式、字体、配色和主视觉里最多只共用一样。
亮点：
- 对比页能放 HTML、图片或正在运行的页面，可以切换电脑和手机尺寸
- 做完会在电脑和手机尺寸下截图检查
- 只评审、不动文件也可以
- 作者另有付费的 Oil UI Pro 版。
怎么用：
- 先运行 npx skills add oil-oil/oil-ui，或者把这句话交给支持安装 Skill 的 Agent
- 再把任务直接告诉 Agent，比如“做三种字体、配色和构图都不同的设计，放在对比页里让我选”
- 最后在对比页里点“选择”，把复制出的那句话发回给 Agent 继续做。
适合谁：
做网站、App 和后台界面，想让 AI 出的设计更有辨识度的设计师和开发者。
使用前提：
- 装好就能用，不需要额外配置；版本检查要用 Python 3。
- 每次使用时它会联网检查一次新版本，最多每 10 分钟一次，只读取 ui.oiloil.org 的公开版本列表，README 说不上传项目内容；不想检查可以设置 OIL_NO_UPDATE_CHECK=1。
- 任务中的候选和截图默认放在项目里的 .oil-ui 文件夹。
- 开源版免费，Pro 版需要另外购买。
- 许可证是 MIT。
以上根据项目公开说明整理，本站没有实际测试。