这个 Skill 是做什么的

一个专门提升 AI 界面设计能力的 Agent Skill：它不满足于给一套方案，而是先拉开几个方向截然不同的设计并排放在一起让人挑，再照着真实截图逐轮打磨；网站、App、后台和组件都能做。做法上也有一套明确流程——先判断这是什么产品、把「高级」「简洁」这类形容词翻成字号留白配色等看得见的选择、每个方向都从一个具体的物件或场景出发，并规定几个方向之间版式、字体、配色、主视觉最多只有一样相同，逼出真正的差异。MIT 许可，约 1100 星，加载进 Codex / Claude Code 等环境即可使用。

基本信息

  • 完整名称：oil-oil/oil-ui
  • 分类：设计与多媒体
  • 作者 / 来源：oil-oil
  • 价格：免费（MIT 开源）
  • 更新日期：2026-10-10
  • 项目主页：github.com

适用场景

UI 设计 · 前端 · 比稿 · Agent Skill

安全审计结论

🛡️ 已审计：静态扫描未发现高危特征

  • 已扫描 8 个文件（技能说明、安装/运行脚本、普通代码）
  • 审计日期：2026-10-10
  • 静态评分：90 / 100

未命中高危 / 中危特征。

口径说明：这是对仓库内可执行内容的静态特征扫描，外加开源许可、维护活跃度等公开信誉信号，不是杀毒引擎，也不能替代你自己核对源码。标记为「已审计」只代表扫过的这批文件里没发现高危写法。完整口径与全站审计明细 →

如何安装

来源：GitHub 开源仓库。克隆命令：git clone https://github.com/oil-oil/oil-ui.git

  1. 在终端执行下面的克隆命令，把仓库拉到本地。
  2. 按仓库 README 找到 Skill 目录（通常在根目录，或 skills / agents 这类子目录）。
  3. 把该目录整体复制到你的 Agent 技能目录 —— Claude Code 是 ~/.claude/skills/，其它 Agent 以各自文档为准。
  4. 重启或刷新 Agent，让它重新扫描技能目录，然后按技能名调用。

仓库地址：github.com/oil-oil/oil-ui

同类 Skills