Oil UI skill for Codex
UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side, refine against real screenshots. 给 AI Agent 用的 UI 设计 Skill。
How to install Oil UI in Codex
In Codex, ask the built-in skill installer for it:
$skill-installer install https://github.com/oil-oil/oil-uiType this in Codex: $skill-installer is the skill installer built into Codex, and it downloads the skill from GitHub. Restart Codex if the skill doesn't show up. Check the repo README for any setup the skill needs. Source: Codex skills docs.
Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically. (where Codex loads skills)
New Codex plugins every Tuesday, install line ready to copy.
Stacks Weekly is one short email from GrokStacks and CodexStacks. Subscribe and get the free starter list: 20 Codex plugins worth installing first.
Confirmation email first. Unsubscribe anytime.
What it contains
Skills (1)
oil-ui— 设计、改进和评审网站、App、后台与组件的界面：探索设计方向、生成多风格同屏对比页，并基于真实截图打磨视觉层级；按请求交付对比页、设计说明、设计稿或可运行界面。只负责设计判断，不用于纯业务逻辑、接口构建、无界面变化的代码整理，或改法已完全明确的日常修改（如改文案、调数量、删指定元素、复用现有样式，哪怕带有“优化”字样）。已安装 oil-ui-pro 时交给 oil-ui-pro。
About this listing
Oil UI is a community collection of agent skills on GitHub by oil-oil: folders with a SKILL.md file, the format Codex loads skills from. Its README mentions Codex. It passed the CodexStacks quality filter for skills (at least 100 stars, pushed in the last 90 days, not a fork or a list, and at least one SKILL.md with a name and description). OpenAI hasn't reviewed it and we haven't install-checked it. From its files we found 1 skill. It's one of 138 listings in the Creativity category (category assigned by CodexStacks from the repo's topics and description). It also appears in best Codex plugins for design and UI.
Oil UI FAQ
How do I install Oil UI in Codex?
In Codex, type $skill-installer install https://github.com/oil-oil/oil-ui. $skill-installer is the skill installer built into Codex (Codex skills docs). Or copy the skill folder (the one with SKILL.md) into ~/.agents/skills to use it in every project, or into .agents/skills in a repo to share it with that repo. Codex picks up new skills automatically.
Is Oil UI an official Codex skill?
No. Oil UI is a community repo on GitHub by oil-oil. It passed the CodexStacks quality filter, but OpenAI hasn't reviewed it and we haven't install-checked it, so read the code before you install it.
What does Oil UI include?
From its manifest and repo files, Oil UI includes 1 skill: oil-ui.
Details
- Type
- Skill
- Category
- Creativity (assigned by us)
- Source
- Community
- Author
- oil-oil
- License
- MIT
- GitHub stars
- 2,518 (at last sync)
- Last push
- 2026-10-30
- GitHub topics
- ai-design, claude-code, claude-skills, frontend, ui-design, ux-design
- Source
- https://github.com/oil-oil/oil-ui
- Website
- https://ui.oiloil.org
- Listed via
- GitHub search: Codex skills (SKILL.md)
- Install check by CodexStacks
- Not yet
Something wrong or missing? Submit or improve this listing. Listings also refresh automatically every night.
For maintainers: badge and embeds
Maintain Oil UI? Add the badge; it links to this page.
Markdown
[](https://codexstacks.com/p/oil-ui/)HTML
<a href="https://codexstacks.com/p/oil-ui/"><img src="https://codexstacks.com/badge.svg" alt="Listed on CodexStacks" width="172" height="28"></a>Embed card (static HTML and inline CSS, no JavaScript). Preview:
<a href="https://codexstacks.com/p/oil-ui/" style="display:block;max-width:380px;box-sizing:border-box;padding:14px 16px;border:1px solid #3a2c26;border-radius:12px;background:#0d0b0a;color:#f3ece6;font:14px/1.45 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-decoration:none"><span style="display:block;font-size:16px;font-weight:700;color:#f3ece6">Oil UI</span><span style="display:block;margin:2px 0 8px;font-size:12px;color:#b5a9a1">Community Codex skill · 1 skill</span><span style="display:block;margin:0 0 10px;color:#ddd3cc">UI design skill for Claude Code, Codex and other AI agents: explore distinct directions, compare them side by side…</span><span style="font-size:12px;font-weight:600;color:#ffb347">View on CodexStacks →</span></a>Markdown summary
**[Oil UI on CodexStacks](https://codexstacks.com/p/oil-ui/)**: Community Codex skill with 1 skill.More on badges, embeds and keeping your listing up to date: CodexStacks for plugin authors.
Also in Creativity
UI UX Pro Max Skill
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Taste Skill
tasteskill v2: art direction for websites, product pages, dashboards and app screens, checked in a real browser.
Archify
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
Diagram Design
Architecture, architecture delta, IT current-state, flowchart, sequence, state machine, ER/data model, timeline, swimlane, quadrant, radar/spider, polar, loop, nested, tree, org chart, layer stack, exploded/plan, Venn…
Hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
Text To Cad
The text-to-cad plugin gives your agent local workflows for generating 3D models as STEP, GLB, STL or 3MF files. It also does design for manufacturing checks, generates engineering drawings, and connects to popular 3D…