SKILL0:26UI UX Pro Max: design intelligence for agents
Styles, palettes and UX rules so agent-built sites stop looking generic.
Claude Code +2★ 135.9k/
Get Friday PicksSubmitOil UI: three real design directions, side by side
A UI design skill that has your agent build a few truly different looks for a site or app, lay them out on one comparison page for you to pick from, then polish the winner against real desktop and mobile screenshots.
In short: A UI design skill that has your agent build a few truly different looks for a site or app, lay them out on one comparison page for you to pick from, then polish the winner against real desktop and mobile screenshots. It is a free skill for people who use Claude Code, Codex or Cursor and want help with seo & web.
Checked on · Added
Works with
| Agent / tool | Access / cost | Link |
|---|---|---|
| Claude Code | Paid Claude plan or API | claude.com/claude-code |
| Codex | ChatGPT plan or API | openai.com/codex |
| Cursor | Free tier + paid | cursor.com |
| GitHub repo | Open source · ★ 1.9k | oil-oil/oil-ui |
Image: from the GitHub README, shown with credit.
Images from the project README on GitHub.
Try it in 60 seconds
npx skills add oil-oil/oil-ui
Install command copied from the project README. Check the README for the latest version.
What it does
A UI design skill that has your agent build a few truly different looks for a site or app, lay them out on one comparison page for you to pick from, then polish the winner against real desktop and mobile screenshots.
Oil UI is an interface design skill for AI agents. It explores a few genuinely different design directions side by side, lets you choose one, then refines it against real screenshots. It works for websites, apps,…
Short excerpt from the README of oil-oil/oil-ui. Read the full README on GitHub.
Inside the repo
How it designsInstallationUsageBuilt-in style comparison pageOpen source and ProVersion checksUse withLicense
Step by step
- Open the GitHub repo and read the README.
- Run npx skills add oil-oil/oil-ui (Python 3 is needed for its update check).
- Ask: "use oil-ui to explore three design directions for my booking page and build pages I can preview".
- Pick one on the comparison page, say what you like and dislike, and let it refine that one.
Watch out for
It checks online for a newer version at most every 10 minutes (it uploads nothing; set OIL_NO_UPDATE_CHECK=1 to turn it off). Do not install it next to Oil UI Pro, as they compete for the same requests. Works best with a model that can see screenshots.
Sources & credit
All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.
Related skills and use cases in SEO & Web
- UI UX Pro Max: design intelligence for agents Skill
- Taste Skill: art direction for coding agents Skill
- Diagram Design: branded diagrams as one HTML file Skill
- oil-motion: scroll and cursor web animations Skill
- Open SEO MCP + skills (keywords, ranks, audits) Skill
- /awwwards: award-style websites from one line Skill
- Analyze Any Website with OpenAI And Get On-Page SEO Audit Use case
- Website Content Scraper & SEO Keyword Extractor with GPT-5-mini and Airtable Use case
Related
SKILL0:26Claude Code +2★ 135.9k
SKILL0:39Taste Skill: art direction for coding agents
Set taste dials and references so agent UIs don't look AI-generated.
Claude Code +2★ 96.5k
SKILLDiagram Design: branded diagrams as one HTML file
45 diagram types as self-contained HTML+SVG in your brand, great for decks and carousels.
Claude Code +2★ 55.4k
SKILLoil-motion: scroll and cursor web animations
A web animation skill that builds animations that follow scrolling and mouse movement on your pages.
Claude Code +1★ 2.6k
SKILLOpen SEO MCP + skills (keywords, ranks, audits)
Free SEO MCP server and skills for keyword research, rank tracking, audits and backlinks.
Claude Code +1★ 5.5k
SKILL/awwwards: award-style websites from one line
A skill that makes your agent act as creative director, designer and developer, then checks the site in a real browser; a second skill, /jury, scores any site like an awards jury.
Claude Code +2★ 425Free newsletter
Friday Picks
New AI tools you can use right away, in plain words. Every Friday.