oil-ui：让智能体先比出几个界面方向，再动手做页面

npx skills add oil-oil/oil-ui --skill oil-ui

让智能体做个页面，十次有八次是同一副模样：渐变紫、居中大标题、三张圆角卡片。oil-ui 是 oil-oil 在 GitHub 上开源的界面设计 Skill（MIT 许可，仓库建于 2026-09-30，当前版本 0.16.0），做法是不让智能体一上来就写代码，而是先认品类、定调性，再把几个风格明显不同的方向放到同一个页面里让你挑。截至 2026-10-06，仓库约有 661 星，官网 ui.oiloil.org 的画廊里能直接看到成品。

它让智能体按什么顺序做事

oil-ui 的 SKILL.md 把一次设计任务拆成五步：探索并收敛方向、建立视觉与交互结构、制作并取得实际证据、独立评审与修正、验证与交付。前三个动作最能说明它和别的设计 Skill 的区别。

oil-ui 的第一步是认品类：先说出这是什么产品，找出同类里风格最鲜明的两三家，拆开看它们怎么做、为什么这样做，再决定沿用什么、换掉什么。第二步是定调性，从能量、完成度、密度、分量、严肃度五个刻度出发，把“高级”“简洁”这类空话翻成看得见的决定：用什么字体、留多少白、颜色占多大面积。第三步才是起方向，每个方向从一个具体的引擎出发，比如一种材质加一个环境、一个场景，或者另一个领域的表现形式，而不是从“大气”“简约”这类形容词出发。

并排比较，而不是替你拍板

oil-ui 的核心产物是一个风格对比页。几份小样放在一起，可以在桌面 1280 和手机 390 两种宽度间切换，也能点开看实际大小、用方向键翻看。看中哪份就点“选择”，页面会复制一句话，粘贴回给智能体，它接着往下做。

为了不让三份小样只是换了颜色，oil-ui 给方向之间定了硬指标：骨架、字体、色彩、主视觉四项里，任意两个方向最多一项相同，小样做出来后还要并排眯眼看首屏的明暗块面，太像就重选骨架。它还要求先问首屏是给谁看的：来看内容、挑东西、干活的页面，首屏就是内容本身；要说服人的页面，才先选首屏骨架、画线框，再写文案。

它管什么，不管什么

• 范围：只负责设计判断，包括视觉层级、字体、配色、留白、素材和动效；组件归属、数据流、状态正确性和测试不在范围内。
• 小改动：改一处间距或颜色时直接改，不会为此开方向、启动评审。
• 验证：要求在电脑和手机尺寸下截图检查，动效要有录屏或开始、中间、结束三帧，只有静态图不算数。
• 评审：开源版在每个阶段安排一轮没看过制作过程的独立评审；没有隔离的执行者时由智能体自检，并标明未独立评审。
• 减法：最后单独做一遍减法，一页只留一个主角，删掉不影响理解的文字和多余的容器。

开源版和 Pro 的差别

oil-ui 开源版不需要额外的 API Key，也不依赖其他 Skill。它覆盖定调性、风格对比页、视觉层级、素材和动效、截图还原和已有界面的润色评审。交互与状态、后台和工具类产品的布局、流光点阵这类特效、检查方向有没有撞车，在付费版 Oil UI Pro 里；README 标价 69 元，一次买断，在 ui.oiloil.org/pro 购买。两个版本同时装会抢着接同一类请求，装了 Pro 就不用再装开源版。

适合谁

常让智能体做落地页、品牌页或应用界面，又总觉得出来的东西一个样的人，可以拿它试。它和 impeccable 分工不同：impeccable 侧重用 24 条指令打磨已有界面并检测 AI 味，oil-ui 侧重动手之前先比出方向；想先了解官方基线，可以读 frontend-design。

使用前有三点要知道。第一，每次使用会触发版本检查，最多每 10 分钟联网一次，超过 2 秒就跳过，只读取 ui.oiloil.org 公开的版本列表，不上传项目内容，需要 Python 3；设置 OIL_NO_UPDATE_CHECK=1 可以完全关闭。第二，默认只提示新版本，不会自动替换 Skill。第三，作者只在 macOS 上实测过，Windows 和 Linux 尚未验证。