oil-ui
Oil UI is a skill that teaches Claude Code, Codex, and other AI agents to design websites and app screens, for people who need a good-looking interface without a designer.
What it is good for
- Designing a website or app screen from a plain description
- Comparing several visual directions side by side before choosing
- Refining a page by checking real desktop and mobile screenshots
- Recreating an existing page layout from a screenshot
At a glance
- Who it is for
- Setup
- Guided command-line setup
Level 4 of 5. You copy and paste commands into a terminal by following the instructions. Comfortable territory for vibe coders.
- Cost
- Free tier plus paid plans
- Type
- Skill or plugin
- Tasks
- Works with
- Claude Code, Codex, DeepSeek Harness
Momentum
- Rank this week
- Not ranked (last #30, week 41, 2026)
- Best rank
- #25 week 40, 2026
- GitHub stars
- 2,619
GitHub numbers as of Nov 2, 2026. Updated weekly.
Ranking history
Official links
Setup steps are on the official pages. We do not repeat them here, since they change.
Questions
- Is oil-ui free?
- It has a free plan and paid plans, according to its own description.
- Do I need to know how to code to use oil-ui?
- You do not need to write code, but setup means copying and pasting commands into a terminal by following its instructions.
- What does oil-ui work with?
- According to its own documentation, it works with Claude Code, Codex, and DeepSeek Harness.
- What is oil-ui good for?
- Designing a website or app screen from a plain description, comparing several visual directions side by side before choosing, refining a page by checking real desktop and mobile screenshots, and recreating an existing page layout from a screenshot.
Similar agents to oil-ui
- taste-skill
Taste Skill is a skill that makes coding agents design websites and app screens with real pictures and a browser check, instead of generic pages.
- stitch-skills
Stitch-skills is a library of skill add-ons that teach coding agents to turn Google Stitch designs into code, design systems, and assets for designers and developers.
- app-store-screenshots
App Store Screenshots is a skill that builds a screenshot editor for App Store and Google Play marketing images for app makers who need store-ready visuals.
- logo-design-skill
Logo-design-skill is a skill that guides Claude and other AI agents through logo design, from brief to SVG files, for people creating brand identities.
- Open Design
Open Design is a local-first, open source design workspace where teams and AI coding agents build prototypes, slides, images, and videos together.
- OpenPencil
OpenPencil is a vector design tool that turns text prompts into UI on a canvas, with AI agent teams working in parallel for designers and developers.