Skip to content
Oil UI website preview

Oil UI

ui.oiloil.org

An MIT-licensed UI design skill for AI coding agents such as Claude Code and Codex, paired with a gallery of 106 finished interfaces showing the model and prompt behind each.

What is Oil UI?

Oil UI installs into an agent with npx skills add oil-oil/oil-ui and changes how it designs: it names the product category, compares peers with distinct styles, converts vague words like premium or clean into decisions about typefaces, whitespace and colour, and builds each direction from something concrete in the product. When asked for several options it puts previews side by side, and it finishes by checking the real page at desktop and mobile sizes.

The gallery at ui.oiloil.org holds 106 works across websites, apps, dashboards and components, each labelled with the model that produced it, from GPT-6.1 Sol to Claude Sonnet 5.5 and DeepSeek 4.1 Flash. The repository carries an MIT licence and an English and Chinese README; a paid Pro edition adds redesigns of existing projects and effects such as light trails and dot patterns.

Best for

  • Getting a coding agent to produce more considered layout and typography decisions
  • Comparing several design directions side by side before committing
  • Reading finished screens together with the prompt and model that generated them

Key features

  • Installed as an agent skill with npx skills add oil-oil/oil-ui
  • Gallery of 106 interfaces across web, mobile and desktop work
  • Each gallery entry records the generating model and prompt
  • MIT licensed repository with English and Chinese READMEs
  • Pro edition adds existing-project redesigns and extra visual effects
Base44 website preview

No-code AI platform that turns a written prompt into a working app or website with database, auth, payments and hosting already wired up.

ai-design
Getdesign AI website preview

Library of DESIGN.md files describing real sites' colours, type, spacing and motion, written to be pasted into an AI coding agent.

ai