Taste Skill
Gets your coding agent to design web pages with an art direction, not a template look
by Leon Lin
Oil UI
by Zhihuang LinSkillMake visuals
Helps your agent design web pages and app screens, and compare directions side by side
About Oil UI
A design skill for Claude Code, Codex and other AI agents. Describe a page; it recommends one design direction and builds it, or builds several to compare side by side, then checks screenshots at desktop and phone sizes.
For Founders and indie makersDesignersPeople building websites or apps
Made by Zhihuang Lin
An open-source project by Zhihuang Lin (GitHub account oil-oil), under the MIT license. A paid version, Oil UI Pro, is also offered; the project site is ui.oiloil.org.
- Stars
- ★ 2.5k
- License
- MIT
- Cost
- Free
- Level
- Intermediate
- Contents
- Includes scripts
Examples
From the project's own repository.
Overview
Oil UI is a design skill that teaches your agent how to plan an interface before building it. You describe a product, page or component; it studies similar products, recommends one design direction and builds it, or makes several to compare on one page when you ask. It then checks screenshots at desktop and phone sizes and trims what does not help. It suits founders, makers and designers who want a page that does not look like every other AI-made site.
Its comparison page puts several designs side by side with a Select button, so you choose with your eyes instead of describing taste in words.
Try these first
Start with the first one: it is a small task you can check easily.
- Use oil-ui to recommend one design direction for a landing page for [your product]. Describe it in words; don't build yet.First try · no files changed
- Create three designs for [product] with different typography, colors and layouts, and put them on a comparison page.writes files
- Review this homepage and explain what to change and how. Leave the files untouched.read-only
- Recreate this page from the screenshot and add a phone layout: [attach screenshot]writes files
Example prompts written by Agent Flows Hub.
What you get
From the creator's documentation.
| Output | What it is | Reads |
|---|---|---|
| Design direction | Names the product category, looks at distinctive peers and recommends one direction | What you describe |
| Comparison page | Puts several designs side by side, with desktop and phone sizes and a Select button | Your project files |
| Screenshot checks | Opens finished pages at desktop and phone sizes and inspects the screenshots | Your computer |
| Screenshot recreation | Rebuilds a page from a screenshot you provide | Your project files |
| Design review | Explains what to change on an existing page without editing it | Your project files |
| Update check | Looks for a newer version online at most every 10 minutes; nothing from your project is sent | ui.oiloil.org |
Good to know
Ask for a new landing page, app screen or component and let the skill pick a direction from the product's category and audience, then build and screenshot it. Ask for a comparison when you want several distinct directions on one page.
Limits
- The free version focuses on new pages; the author keeps usability work, existing-project redesigns and some effects for the paid Pro version, and the skill may mention it once.
- Screenshots need Node.js 22 and a Chromium-based browser; without them it falls back to your agent's own browser tools.
Notes by Agent Flows Hub (original project name: oil-ui), written from the creator's documentation, not from running it ourselves. Oil UI: README and installation · Oil UI: gallery and Pro comparison
Stuck setting it up?
Tell us what happened. We take a look first; if it needs paid work, you get an estimate before anything starts.
More to make visuals
Other skills
- Open Design Agent Kit Lets your coding agent make slide decks, posters, landing pages and app mockups as files
- Outlier Post Finder Finds the posts that did far better than an account's usual results and explains why
- Papermorph Turns a textbook PDF or a story into a narrated, animated web book you can host anywhere
- PDF Toolkit Merges, splits and fills in PDFs, and pulls text and tables out of them
- Personal AI Tutor A tutor that teaches, quizzes and reminds you to review until it sticks
- Personal Tutor Workspace Teaches you a topic over several sessions with short lessons, quizzes and cheat sheets