oil-oil/oil-ui

选用指南

AI 根据 README 整理 · 2026/10/16 23:41:35

使用方式

通过向支持技能的 AI 代理发送指令使用，例如要求探索设计方向或复刻截图。

查看 README 依据

It's ready to use right after installation, with nothing to configure. When a new version is out, your agent mentions it at the end of a reply; ask it to update whenever you like. If you already have Oil UI Pro, you don't need the open-source version. Installing both makes them compete for the same requests. ## Usage Tell your agent what you need, for example: - “Use oil-ui to explore a few design directions for this course booking product and build pages I can preview.”

- “Create three designs with different typography, colors, and compositions. Put them on a comparison page so I can choose.” - “Polish this page using the project’s existing design guidelines.” - “Review this homepage and explain what to change and how. Leave the files untouched.” - “Recreate this page from the screenshot and add a mobile layout too.” Share any brand assets, screenshots, or existing project you have. It can start without references and only asks you questions when the deliverable is unclear. ## Built-in style comparison page <p align="center">

部署要求

需要 Python 3 环境，安装后无需配置即可使用。

查看 README 依据

Each time it is used, the Skill checks for a newer version, going online at most once every 10 minutes. It only reads the public version list at ui.oiloil.org and uploads nothing from your project. By default it only tells you about an update; it downloads and replaces nothing unless you explicitly ask it to update. Results are cached in `~/.local/state/oil/` (or `XDG_STATE_HOME` when set; `%LOCALAPPDATA%\oil\` on Windows). It needs Python 3. Set `OIL_NO_UPDATE_CHECK=1` to turn it off. ## Use with

已知限制

开源版本仅覆盖从空白到美观设计的过程，Pro 版本提供额外功能，且两者不能同时安装。

查看 README 依据

<img src="./assets/readme/proof-van-gogh.webp" width="100%" alt="Full version style comparison page: three directions for a Van Gogh exhibition page, titled To Theo, Brushstrokes, and East Window"> </p> The open-source version takes a new page from a blank start to a good-looking design. Pro builds on that: it makes interfaces easier to use, improves existing projects, and raises the quality bar with stricter review and polishing. | | Oil UI (open source) | Oil UI Pro | | --- | :---: | :---: | | Design direction: product category, tone, distinct directions, comparison page | ✓ | ✓ |

It's ready to use right after installation, with nothing to configure. When a new version is out, your agent mentions it at the end of a reply; ask it to update whenever you like. If you already have Oil UI Pro, you don't need the open-source version. Installing both makes them compete for the same requests. ## Usage Tell your agent what you need, for example: - “Use oil-ui to explore a few design directions for this course booking product and build pages I can preview.”