📌 项目地址：github.com/oil-oil/oil-ui | 星数：514+ | 语言：中文 | 形态：Agent Skill | 演示：ui.oiloil.org
让 AI 做 UI，十次有九次得到「紫色渐变 + 圆角卡片 + Inter 字体」的工业废料——因为它在执行形容词，不是在设计。Oil UI（中文项目）把职业设计师的判断过程写成八步方法论，装给 Agent 后，AI 先拆品类、定调性、出互不相同的小样，把「高级大气简约」翻译成看得见的决定。设计类 Skill 的同伴见 M3E Canvas设计画布 与 Logo Design Skill教程。
| 步 | 做什么 |
|---|---|
| 1. 认品类 | 找同类最鲜明的两三家拆开看，决定沿用与替换 |
| 2. 定调性 | 五刻度：能量/完成度/密度/分量/严肃度——形容词变决定 |
| 3. 具体出发 | 每个方向从一个具体引擎起步：材质/场景/角色/跨领域形式 |
| 4. 首屏归谁 | 内容页首屏就是第一排内容；说服页才画骨架写文案 |
| 5. 差异检查 | 骨架/字体/色彩/主视觉四项，任意两方向最多一项相同 |
| 6. 记忆点 | 只把一两处做到极致（付款成功那一下/404 页），其余安静 |
| 7. 你来挑 | 小样并排放进对比页，说出具体喜欢与不喜欢 |
| 8. 画面为准 | 电脑手机双尺寸截图检查，独立评审过一轮，最后做减法 |
# 把这句话交给支持 Skill 的 Agent：
请帮我安装这个 Skill：
https://github.com/oil-oil/oil-ui
# 之后设计任务自动按八步法走：
# 出多个互不相同的小样方向 → 并排对比 → 你挑一个中文的 AI UI 设计方法论 Skill（oil-oil/oil-ui，514 星）：装给支持 Skill 的 Agent 后，它按八步法产出真正有设计感的界面——从『先认品类看同类最好』到『以实际画面为准』，把『高级/大气/简约』这类形容词翻译成看得见的决定。更多交互与特效在 Oil UI Pro。
① 先认品类，拆同类最好的两三家；② 定调性五刻度（能量/完成度/密度/分量/严肃度）；③ 从具体的东西起步（一种材质一个场景一个角色）；④ 先问首屏给谁看；⑤ 方向差异检查（骨架/字体/色彩/主视觉四项最多一项相同）；⑥ 留一处让人记住的地方；⑦ 小样并排你来挑；⑧ 电脑手机双尺寸截图为准，做减法。
把一句话交给支持安装 Skill 的 Agent：「请帮我安装这个 Skill：https://github.com/oil-oil/oil-ui」。之后在设计任务中它会按方法论先出多个互不相同的小样方向，你再挑。设计效果演示见 ui.oiloil.org。