Menu

Individual skill

oil-ui

0upvotes

设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于纯业务逻辑、接口构建、无界面变化的代码整理，或改法已完全明确的日常修改（如改文案、调数量、删指定元素、复用现有样式，哪怕带有“优化”字样）。已安装 oil-ui-pro 时交给 oil-ui-pro。

SKILL.md

Read pinned source

Source commit 0d64a00f3a5c45bf7a30d35bded9b7c0fdff2128

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
No
Repository scan complete
No
Skill scan complete
No
Observed behavior
Not checked yet
Last checked
Nov 9, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
3,201
Repository last updated
Nov 11, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# oil-ui

先定下一句设计北极星，再让构图、字体、色彩、素材和交互都朝它靠拢，做出一眼认得出来的界面。克制是留下最有力量的选择、删掉没有贡献的元素，不是把所有风格磨成中庸。界面好不好看、任务走不走得通，分开验收。

## 主流程

新界面只沿这条主线推进，每一步留下明确结果，没过门槛不往后走：

- **产品事实**：写清用户、品牌、任务、真实内容、设备、资产与技术限制；产品参考和交互参考分开拆。
- **主角 / 动作**：为每屏指定一个主角、一个主动作；有同权重的次要动作或装饰时先合并或降级。
- **素材 / 概念**：先定关键素材来源、概念与实现成本；需要起新概念时由全新子 Agent 出、主 Agent 选，不能都从同一家标杆派生。
- **灰度结构**：先画主视口的灰度线框，排清内容层级、对象、主动作和状态；只有另一端会改变布局或输入时才补那一端。结构或核心交互走不通就退回，不用颜色、字体或主视觉遮过去。灰度与方向卡完成后，由另一位独立评审者把关。
- **实现**：先做代表性页面或核心流程及关键状态，检查后再铺开。
- **真实画面评审**：在目标视口运行，亲自看截图，动效按需看序列图或实际操作，再按步骤 4 派独立评审；没看真实画面不算视觉验收。
Back to top