Oil UI
Back to the gallery

Bring out the fulldesign craft of AI.

Move past generic templates—explore distinct directions, strip out default habits, and refine every screen in a real browser.

Oil UIA UI design skill for AI

Build interfaces with character.

Oil UI (open source) · FreeGitHub
npx skills add oil-oil/oil-ui
Scroll to see how it works

Oil UI Pro

$9.99 · One-time purchase

Goes beyond the free skill: usability, existing projects and stricter review.

Install Oil UI Pro for me: run npx github:oil-oil/oil-cli install oil-ui-pro

Send it to your Agent to pay and install.

See what Pro adds
01

Explore distinct styles in a built-in comparison page

Compare three distinct directions in composition, type, palette and imagery. Switch between desktop and mobile, open a single view, then choose a direction for your Agent to build.

Oil UIPROQingya Museum · Light & Vessel

Help visitors discover the dates, galleries, and vessels of Light & Vessel, then book a visit.

Celadon vessels by a pond at dusk
QINGYA MUSEUMAUTUMN EXHIBITION

Light
& Vessel.

2026.11.14 — 2027.02.28Gallery 02
SelectedClick to view alone · actual size
01

Dusk on water

Let dusk fill the frame. Keep the vessels close and the serif title in one quiet corner.

Qingya MuseumLight & Vessel · Autumn

LIGHTJOURNAL

Celadon and linen in willow-filtered light

Light on water.
Light on clay.

An exhibition of everyday vessels and natural light.

11.14 — 02.28Gallery 02
SelectedClick to view alone · actual size
02

Morning journal

Open an exhibition journal: a broadsheet grid gathers morning light, vessels, and the details of a visit.

Qingya Museum

Morning mist.
Quiet light.

Celadon tea vessels beside a misty window
11.14 — 02.28Gallery 02
SelectedClick to view alone · actual size
03

A misted window

Set the painting inside an open window of paper. Celadon and pale water have room to breathe.

02

Break out of AI default templates and clear the noise

Left to itself, a model reaches for glowing eyebrow pills, left accent bars, triple-nested cards, and invented metrics. The skill detects these default habits automatically and strips away the filler so your content and primary action stand out.

A pottery workbench in a waterside courtyard
Waterside Atelier · Two-day workshop

By the water.
Two days by hand.

Wedge the clay, shape a cup, and trim its rim. Spend two quiet days at a workbench by the water.

Schedule
Nov 14–15 · 14:00–18:00
Availability
2 seats · Clay, glaze & firing included
Location
Waterside Atelier · Courtyard bench 02
BEFORE / FIVE DEFAULTS
01 Eyebrow pill✨ START YOUR CREATIVE JOURNEY

Make Inspiration Tangible & Empower Your Craft

02 Left accent bar

An all-in-one immersive workshop experience to unlock your endless creative potential.

03 Triple-nested card
Standardized Curriculum Matrix

Expert mentors · Premium materials · One-stop service

04 Invented vanity metrics
10,000+Learners
100+Courses
50+Mentors
99.9%Rating
05 Buried primary CTAJoin membership for perks
↔
03

Spawn an independent subagent to iterate against real screens

Writing code is only the first step. Your agent captures live browser screenshots, 200% crops, and text-masked layouts, then hands them to a fresh subagent for blind scoring and round-by-round verification until the page clears 9/10.

Between Pages · Editorial PressIssue 07 · Autumn

Contributor Settlement

Due Nov 20
Outstanding Total¥8,640.00
2 ready · 1 awaiting bank info
Contributor & PieceNet Fee (¥)Status
Lin YaoA Walk by the Water · Essay3,200.00Ready
Chen ZhouThe Other Side of Objects · Photo2,880.00Ready
Xu NanCourtyard Studies · Illustration2,560.00Bank info needed
Incomplete records roll over automatically
04

Renovate existing projects and collapse clunky workflows

On an existing codebase, your agent walks through the real task first—counting clicks, page jumps, and backtracking risks—before proposing tiered renovations from token cleanup to inline batch workflows.

Clicks to complete
2steps
Page transitions
0pages
Backtracking risk
Low · inline batch & undo
Branch · Correspondence
No-reply queue (3)
Oct 06
Oct 08
Oct 09
2 selected
MESSAGE CONTEXT

Zhou Yu · Xiaoman Books

Autumn book fair & membership cards

Last sent
Oct 06 · Draft proposal delivered
Status
Awaiting client reply
“The draft for autumn book fair & membership cards is ready for your review. With confirmation this week, we can keep the next stage on schedule.”

Prompts ready to send to your Agent

No need for a long prompt. Say what you want in one sentence and let the skill handle the rest.

Use oil-ui to design a booking page for the museum’s autumn exhibition.

The skill first lays out three distinct directions in a comparison page, then builds the one you pick.

Open Source / Pro

Open Source vs. Oil UI Pro

Stage & capability
Oil UI (Open Source)Free · MIT
Oil UI Pro$9.99 · One-time
Direction exploration, comparison page & scroll storytellingIncluded (category benchmarks, tone, distinct directions, comparison page, imagery, motion & parallax / continuous shots)Included, plus multi-angle concept generation & cohesive full-page visual continuity
Real-screen captures & independent subagent reviewDesktop/mobile captures, screenshot recreation diffing, scored blind review with issues listedRepeated review & verification aiming for 9/10 (up to 3 rounds); checks whether directions overlap; completes real tasks on the page
Breaking AI defaults & detail polishAutomated AI-default detection, readability baselines & pre-delivery subtractionFull check for AI design defaults, 100%/200% detail checklist & line-by-line simplification
Usability: interactions, forms & responsive layoutsFlags what to watch forComplete interactions and states, forms & error recovery, dialogs and popovers, desktop and mobile layouts
Dashboards & tools: workspace layouts & continuity—10 object-driven workspace layouts chosen for the product, keeping one cohesive style throughout
Existing projects: UI refresh, flow fix & new featuresTells you which approach you needAnnotated single-page diagnosis, 3-tier UI renovation with DESIGN.md spec, plus click-counted flow fixes
Single-component craft, 19 card prototypes & effectsPacing, feel, generated assets & real-time 3D for mini-gamesSingle-component extreme polish, 19 card prototypes with code & spatial containers, light trails / dot patterns / flowing gradients, plus full mini-game checks

Try it on the task in front of you.

If you’re not sure where to start, run the free open-source edition on a real page first. If you already have Pro, it includes everything—you don’t need both installed.

Oil UI Open Source

Free under the MIT License. One command in your terminal, zero configuration.

npx skills add oil-oil/oil-ui

Oil UI Pro

$9.99 · One-time purchase, lifetime updates

Pay by card, Alipay, or WeChat. Send the prompt below to your Agent and it will walk you through sign-in, payment, and installation.

Install Oil UI Pro for me: run npx github:oil-oil/oil-cli install oil-ui-pro