开源技能oil-ui用刚性约束破除界面同质化
AI技术投降派
AI生成界面的审美瓶颈不在底层大模型能力，而在于必须把设计师的前置决策编码为流程约束并将风格判断权交还人类。
AI-assisted summary of 治好AI审美病：一个技能三版设计随便挑 — original source. Check the original for full context.
Source published:
Key ideas
- 开源项目 oil-ui 针对 AI 界面千篇一律的“AI 味”，通过将设计师的前置决策硬编码为刚性流程，上线一周即获得 881 颗 GitHub Star。 (0:00)
- 项目提出四项硬核原则拉开方案差异，强制要求版式、字体、配色、主视觉四项中任意两版最多仅能有一项相同，并以真实视口截图和盲审减法验收。 (0:00)
- oil-ui 采用“开源筑基 + 69 元买断制 Pro 版”的商业分层，协同 draw-ui 与 oil-motion 等兄弟项目构建个人开发者的矩阵闭环。 (2:12)
- 核心设计哲学表明 AI 审美对齐的最优解是人机分工：智能体负责穷尽探索并拉开差异，人类负责最终的品味判断与收敛决策。 (4:55)
Detailed notes
## Background 该视频由 Bilibili UP 主“AI技术投降派”于 2026 年 10 月 22 日发布。简介指出，AI 生成的界面往往充斥着蓝紫渐变与圆角卡片等同质化的“AI 味”，核心病因在于缺失品类调研、形容词无法落地以及方案拉不开差异；为此，开源项目 oil-ui 通过为智能体注入严苛的设计规范，提供多种截然不同的视觉方向与多端对比选择，帮助开发者治好 AI 审美病。
## TL;DR 视频深入剖析了大模型生成界面千篇一律的根本原因，指出问题出在方法缺失而非模型能力不足。随后详细介绍了开源项目 oil-ui 的破局之道：通过“四要素最多重合一项”等四条硬核设计原则拉开方案差异，并借助支持多端预览的“风格对比页”把最终审美决断权交还给人类。此外，视频还解析了其零门槛的自然语言工作流、开源与 69 元买断制 Pro 版的商业分层，以及该项目印证的 AI 时代个人开发者新商业模板。
## Atmosphere & style 视频整体呈现出一种直击痛点、冷静犀利且务实极简的极客叙事风格。讲述者毫不客气地戳破当下 AI 生成设计中换汤不换药的“假选择”乱象，语言直白有力、充满工程师式的笃定与清醒。观看过程中既能感受到对粗制滥造“AI 味”的批判，又能体会到从混乱 prompt 中抽身、回归刚性工程约束与人机精妙协作时的通透与掌控感。
## Bulletin - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) 开源项目 oil-ui 针对 AI 界面千篇一律的“AI 味”，通过将设计师的前置决策硬编码为刚性流程，上线一周即获得 881 颗 GitHub Star。 - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) 项目提出四项硬核原则拉开方案差异，强制要求版式、字体、配色、主视觉四项中任意两版最多仅能有一项相同，并以真实视口截图和盲审减法验收。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) oil-ui 采用“开源筑基 + 69 元买断制 Pro 版”的商业分层，协同 draw-ui 与 oil-motion 等兄弟项目构建个人开发者的矩阵闭环。 - [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 核心设计哲学表明 AI 审美对齐的最优解是人机分工：智能体负责穷尽探索并拉开差异，人类负责最终的品味判断与收敛决策。
## Key takeaways - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) AI 生成界面之所以千篇一律，病根在于缺失品类调研、形容词无法具体化到参数、以及方案方向拉不开这三个前置环节。 - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) “方向要真的不一样”是首要原则：版式、字体、配色、主视觉四项中，任意两个方向最多只能有一项相同，严禁仅靠换背景色充当新方案。 - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) 视觉设计必须从具体物理材质、业务场景、核心角色或异领域框架出发，杜绝从“高级”、“简洁”等虚无形容词起步。 - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) 界面克制原则主张全页只留一到两处让人记住的高光交互（如付款成功动效或特色 404），其余部分保持安静。 - [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) 以电脑端和手机端的真实截图进行核验，引入未参与制作的独立评审挑刺，并严格执行“一页只留一个主角”的减法淘汰冗余。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 核心交互“风格对比页”支持多端视口并排预览与键盘翻阅，用户点击心仪方案即可自动复制单句反馈交由智能体继续深化。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 蒙娜丽莎演示直观展示了从观看距离（30厘米）、报纸头版（号外1911）到古典技法（晕涂）三种真正拉开维度的设计取向。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 接入门槛极低，支持单行命令（npx skills add oil-oil/oil-ui）或智能体自装，用户仅需使用自然语言下发任务，且兼容零参考冷启动。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 商业模型清晰分为两层：MIT 开源版提供端到端建站闭环，69 元买断制 Pro 版则补充 9 分严审、AI 味排查清单、双端复杂组件及动效原型库。 - [02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 兄弟项目 draw-ui（生图转代码）与 oil-motion（AI 视频转滚动动效）与主项目构成互补流水线，实现横向交叉导流。 - [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 对抗 AI 审美的瓶颈在于工作流程而非底座大模型版本，通过把资深设计决策编码为刚性流程约束即可显著提升输出质感。 - [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 将选择权交还给人类是解决审美对齐的有效解法：AI 负责穷尽拉开差异供用户挑选，而非让 AI 单向猜测用户喜好。 - [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 开源积累信任、买断制交付进阶深度、矩阵项目相互导流，正在成为 AI 原生时代个人开发者的标准商业化模板。
## Detailed walkthrough ### [00:00](https://www.bilibili.com/video/BV1hYHm6rEic?t=0s) AI 审美病的“三缺失”与 oil-ui 的四条硬核设计原则
AI 生成的界面为何总有一种挥之不去的“AI 味”？同一个大语言模型在面对截然不同的业务需求时，吐出的页面往往共用同一张毫无生气的皮囊：千篇一律的圆角卡片、看腻了的蓝紫渐变，以及空洞无物的“高级简洁”。AI技术投降派指出，这种同质化问题不在于 AI “画不动”，而在于设计链路中缺失了三个致命的前置环节。首先是不做品类调研，AI 拿到任务不看究竟是什么产品，也不看该品类下最具代表性的几家标杆如何处理视觉，上手直接无脑画；其次是形容词无法落实到具体画面，虽然人人都会在 Prompt 里输入“高级、简洁、大气”，但这些主观词汇如果无法被精准翻译成字体排印、留白比例和色彩系统的具体工程决定，就等于毫无指导意义；第三则是方向拉不开，AI 给出所谓三套设计方案，往往版式一样、字体一样，仅仅是换了个背景色，纯粹是愚弄用户的“假选择”。针对这三处病根，GitHub 上近期上线的开源项目 oil-ui 提出了一整套规范：先认准品类，再将抽象形容词翻译成调性与硬性参数，最后将设计方向真正拉开。
```mermaid flowchart TD accTitle: oil-ui 设计流转架构 accDescr: 展示从品类调研到多方向发散、风格对比选拔及精修评审的全流程
subgraph Phase1["前置对齐阶段"] A["品类调研与产品特性"] --> B["形容词具体化<br/>(字体/留白/色彩)"] end
subgraph Phase2["硬性约束发散"] B --> C1["方向一: 30厘米<br/>(深底聚光/观看距离)"] B --> C2["方向二: 号外1911<br/>(借用报纸头版形式)"] B --> C3["方向三: 晕涂<br/>(提取sfumato画法质感)"] end
subgraph Phase3["对比与人工决策"] C1 & C2 & C3 --> D["风格对比页<br/>(多端并排预览/键控切换)"] D --> E["人类品味决策<br/>(一键复制指令收紧)"] end
subgraph Phase4["精修交付阶段"] E --> F["真实截图多端审查"] F --> G["严苛减法与盲审<br/>(一页只留一个主角)"] end ```
oil-ui 整理了八条设计原则，其中最硬核的四条构成了其破局的核心逻辑。第一条原则是“方向要真的不一样”：规定在版式、字体、配色、主视觉这四大核心要素中，任意两个方向最多只能有一处相同；小样生成后必须并排放置，设计师或用户需要“眯起眼睛看首屏的明暗分布”，如果明暗色块分布过于相仿，必须推倒重新定版式，绝不允许仅靠更换颜色来敷衍补救。第二条原则要求“从具体的东西出发”：灵感必须扎根于产品本身，可以锚定一种特定材质及其物理环境、一个真实业务场景、一个核心角色，或是成套借用另一个成熟领域的表现形式，彻底摒弃从形容词起步的毛病。第三条原则强调“留一处让人记住的地方”：页面绝不需要全盘用力，其余部分要懂得克制并保持安静，只把一到两处核心细节做到极致，例如精心雕琢付款成功那一瞬间的动效交互，或是打磨一个让人眼前一亮的 404 页面。第四条原则则是“以真实画面为准”：设计落地后必须在电脑端与手机端尺寸下分别截取真实图片进行核验，并引入一位未曾参与制作过程的独立评审挑刺，在最终上线前严格执行一轮减法，“一页只留一个主角”。
- 项目开源协议为 MIT 协议，上线仅一周即斩获 881 颗 GitHub Star。 - 差异化硬指标：版式、字体、配色与主视觉四项要素中，两版设计之间重合项不得超过一项。 - AI 界面千病之源在于三缺失：品类调研缺失、形容词具象化缺失、方案差异度缺失。 - 演讲者直接指出这种换汤不换药的交付假象：“第三，方向拉不开，出的三板设计，板式一样，字体一样，就换个颜色，假选择。”
---
[02:12](https://www.bilibili.com/video/BV1hYHm6rEic?t=132s) 风格对比页与人话工作流：从蒙娜丽莎演示到 Pro 版生态
为了让这套设计原则真正发挥作用，oil-ui 打造的核心交互形式被称为“风格对比页”。它允许智能体将多份完全不同的方案并排放置在同一个可预览视图中，内容不仅支持纯 HTML 代码、静态图片，还能够直接挂载正在本地运行的真实开发页面。用户不仅能在界面上无缝切换电脑端和手机端的展示视口，还能放大观察实际像素大小，甚至使用键盘方向键快速翻阅对比。一旦看中某一版，只需点击界面上的“选择”按钮，系统便会自动复制生成一段自然语言反馈，用户将其直接丢给智能体即可驱动后续深度开发。作者在项目中给出了一个直观的“蒙娜丽莎特展页面”演示，完美诠释了什么是真正的风格拉开：第一版名为“30厘米”，从参观者贴近名画的微观观看距离切入，采用深底聚光的高沉浸质感；第二版名为“号外1911”，大胆借用了名画当年失窃时报纸头版的形式框架；第三版名为“晕涂”，直接提取了达·芬奇标志性的 sfumato 渐隐晕涂技法作为视觉灵魂。三套方案并排陈列，用户一眼就能判定哪个视觉方向契合需求，“好不好看这一步，交还给人”。
在工程落地层面，oil-ui 的接入和使用门槛被压到了极低。安装方式极其简易，只要终端执行一行命令（如 `npx skills add oil-oil/oil-ui`），或是让支持安装外部技能的 AI 智能体直接辅助安装即可。装载完成后，用户在日常交互中完全不需要费心组织复杂的系统提示词，只要“说人话”就能准确下达设计任务。例如可以直接命令它：“给这个产品探索几种设计方向做成可预览的页面”、“做三种字体配色构图都不同的设计放对比页里让我选”、“只评审这个首页告诉我哪里要改不要动文件”，或者“按这张截图还原页面没有的手机布局也补上”。如果手头有完整的品牌资料或现有项目代码，可以一并喂给智能体；即使两手空空没有任何参考素材，它也能根据内置工作流自主推进，只有在交付边界不明确时才会主动向用户提问求证。
与此同时，oil-ui 构建了一套清晰且互为补充的商业生态分层。MIT 协议的开源版本功能完整，已经足够将一个白纸般的新页面从头到尾打磨至优质水准；而定价 69 元买断的 Pro 版则在开源基底上追加了四层深度工程能力： 1. **严苛评审系统**：以 9 分为极高目标展开反复修改，引入对抗机制杜绝不同设计方向发生“撞车”，并模拟真实业务流程把页面整体完整试跑一遍。 2. **AI 默认审美自查**：内置专项排查清单，专门揪出并修正蓝紫渐变、空洞卡片等顽固“AI 味”。 3. **好用层交互细节**：补齐多层复杂表单、弹窗层级逻辑以及多端响应式双端布局等落地难点。 4. **进阶工程资产库**：提供老项目改造模块、19 套开箱即用的卡片原型，以及流光、点阵等精修特效代码。
此外，该项目在生态位上也向外延伸了协同能力，联动其兄弟项目组成流水线：例如 `draw-ui` 负责前置阶段先生图输出设计参考、再照图还原代码，而 `oil-motion` 则专攻将 AI 生成的视频素材转化为丝滑的页面滚动动画，各管一段，互相导流。
- 交互逻辑闭环：“三版放在一起一眼就知道哪个对位，好不好看这一步，交还给人。” - 安装方式极简：支持智能体自安装或终端运行一行命令完成技能注入。 - 输入兼容性：有品牌资料可深度结合，无参考资料也可冷启动运转。 - 商业定价机制：基础设计闭环全开源（MIT 协议），深度精修与特效资产包 Pro 版 69 元一次性买断。
---
[04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 关于 AI 审美的三个底层判断
从 oil-ui 的火爆和设计流程重构中，AI技术投降派给出了关于当前 AI 审美和智能体生态演进的三个核心判断。第一，当前制约 AI 界面审美的核心瓶颈在“方法”而不在“模型”。在现实开发中，使用完全相同的底座大语言模型，安装这一技能与不安装技能，产出的页面在视觉质感和信息层级上几乎是“两个完全不同的物种”。oil-ui 的成功证明，对抗 AI 的千篇一律，根本不需要等待底层模型从 GPT-4 迭代升级，而是需要把资深设计师的前置决策链条——认清品类、锚定调性、拉开方向、以真实截图反复验证——编码为一套死死咬合的刚性流程约束。
第二，“把选择权交还给人类”，是解决 AI 生成审美对齐（Alignment）问题的最优解。过往的做法试图让大模型单向揣摩人类心中那个虚无缥缈的“高级感”，往往导致南辕北辙；而健康的智能体协作模式应当是职能分工：智能体负责穷尽探索，负责在规则约束下把风格差异彻底拉开，并平铺直叙地呈现在用户眼前；而人类则负责运用自身的审美沉淀进行筛选鉴别，随后用极简的单句反馈完成收敛。
第三，独立开发者的新型商业范式正在快速成型。oil-ui 展示出了一条极其顺畅的变现链路：以开源代码作为底座快速沉淀开发者口碑并建立信任，向上推出收费不高的买断制 Pro 版售卖深度精修和高质量工程组件，横向孵化兄弟项目矩阵互相交叉导流。随着智能体技能（Agent Skills）生态的逐步普及，类似这种“开源筑基、专业层收费、生态矩阵互联”的分层模式将会越来越普遍。
- 核心方法论结论：“对抗AI味靠的是流程，不是换更新的模型。” - 人机协作分工：“智能体负责拉开差异，并排呈现，人负责品位判断，再用一句话反馈收紧。他不猜你要什么，他让你挑。” - 商业范式趋势：开源打底积累星标与口碑，精修深度与垂直能力走买断付费，矩阵项目协同互补，构成个人开发者在 AI 原生时代的典型商业闭环。
## Notable quotes > [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 对抗AI味靠的是流程，不是换更新的模型。 — AI技术投降派
> [04:55](https://www.bilibili.com/video/BV1hYHm6rEic?t=295s) 智能体负责拉开差异，并排呈现，人负责品位判断，再用一句话反馈收紧。他不猜你要什么，他让你挑。 — AI技术投降派
## Mentioned AI技术投降派, oil-ui, draw-ui, oil-motion, GitHub, MIT协议, 达·芬奇, 蒙娜丽莎, GPT-4
## Video description AI做的界面为什么总有一股AI味？同一个模型出的页面，换个需求还是那副长相：一样的圆角卡片，一样的蓝紫渐变，一样的高级简洁。上周GitHub上出现了一个专治这个病的开源项目：oil-ui，一个装给AI智能体的界面设计技能。它干两件事：先拉开几种真正不一样的设计方向放在一起让你挑，再照着真实截图反复打磨。上线一周881颗星，MIT协议。
先把病根说准。AI界面千篇一律，原因在三个前置环节缺失：第一，不做品类调研，不看这是什么产品、同类里最鲜明的几家怎么做，上手就画；第二，形容词落不到画面，"高级""简洁"翻译不成字体、留白和色彩的具体决定，等于没说；第三，方向拉不开，三版设计版式一样字体一样，就换个颜色，假选择。oil-ui的整套方法就冲着这三个环节去。
它的设计文档有八条原则，挑四条最硬的：方向要真的不一样——版式、字体、配色、主视觉四样，任意两个方向最多只能有一样相同，小样并排眯起眼看明暗分布，太像就重新定版式，不靠换颜色补救；从具体的东西出发——一种材质和它的环境、一个场景、一个角色，或者整套借用另一个领域的表现方式，灵感从产品找，不从形容词出发；留一处让人记住的地方——付款成功的那一下、AI干活的过程、或一个精心设计的404，其余保持安静；以真实画面为准——电脑和手机尺寸截图检查，再请一位没看过制作过程的评审挑问题，最后减法一轮，一页只留一个主角。
核心交互叫风格对比页：几份设计并排放进同一个页面，可以是HTML文件、图片或正在运行的开发页面，能切换电脑和手机尺寸、方向键翻看，看中哪份点选择，把一句话发给智能体它接着做。蒙娜丽莎演示最能说明什么叫真不同：三个方向分别叫三十厘米（观看距离出发，深底聚光）、号外1911（借报纸头版形式）、晕涂（提取sfumato画法质感）。好不好看这一步，交还给人。
上手几乎零成本：终端一行npx skills add oil-oil/oil-ui，或者直接让支持安装技能的智能体帮你装。任务说人话就行：探索几种设计方向做成可预览的页面；做三种字体配色构图都不同的设计放对比页让我选；只评审这个首页不要动文件；按截图还原页面连手机布局也补上。有品牌资料可以一起交，没有参考也能开工。
开源版和付费版分界清晰：开源版能把一个新页面从头做到好看；69元买断的Pro版往上加四层——评审以9分为目标反复修改并检查方向撞车、AI默认审美自查专治AI味、表单弹窗双端布局这些好用细节、老项目改造和19套卡片原型加流光点阵特效。生态上还有兄弟项目：draw-ui先用生图出设计图再照图实现，oil-motion用生成视频做滚动动画。
三个判断：一、AI审美的瓶颈在方法不在模型，把设计师的前置决策写成流程约束，对抗AI味靠流程不靠换更新的模型；二、选择权交还人类是对齐问题的审美解法，智能体负责拉开差异，人负责品味判断，它不猜你要什么，它让你挑；三、开源打底攒口碑加付费卖精修深度加兄弟项目导流，个人开发者的新商业模板正在成型。
仓库：https://github.com/oil-oil/oil-ui 画廊：https://ui.oiloil.org
[Source](https://www.bilibili.com/video/BV1hYHm6rEic)