Skip to content

20 Oil UI alternatives

Oil UI: Interface-design skill that explores several distinct visual directions side by side, then refines the chosen one against real screenshots. 20 agent skills do similar work, most sharing Frontend, UI Design and Claude Code, ranked by how much they have in common with Oil UI.

Back to Oil UI

  1. by Franz Enzenhofer

    macOS CLI plus agent skill that lets Claude Code or Codex draw a big click-through arrow and sign on your screen to show you exactly what to click.

    Also: Claude Code, Codex

  2. by kaankiziltug

    Agent skill that walks Claude and other coding agents from discovery brief to production-ready SVG logos, with audit tools and a 1,400+ logo reference library.

    Also: Claude Code, Design

  3. by juliobsz

    Two agent skills: /awwwards builds award-caliber websites from one line, and /jury scores any site the way an Awwwards jury would.

    Also: Claude Code, Frontend

  4. by Google Labs (Stitch)

    Google's official Stitch skill for generating and editing UI screens from text or images — with a mandatory prompt-enhancement pipeline before every call.

    Also: Frontend, UI Design

  5. by Ferousco-dev

    Stops AI-generated UI from defaulting to purple gradients and templated hero sections by forcing a named design direction first.

    Also: Frontend, UI Design

  6. by Google Labs (Stitch)

    Google's official Stitch skill for distilling a project into a DESIGN.md — a semantic design system agents can read before they generate anything.

    Also: Frontend, UI Design

  7. by Google Labs (Stitch)

    Google's official Stitch build skill for shadcn/ui — component discovery, installation, customisation and the conventions that keep a generated UI idiomatic.

    Also: Frontend, UI Design

  8. by Google Labs (Stitch)

    Google's official Stitch skill for autonomous multi-page site building — a baton file carries the next task from one agent iteration to the next.

    Also: Frontend, UI Design

  9. by Google Labs (Stitch)

    Google's official Stitch skill that reverses the usual direction — turns an existing React, Vue, Angular or Vite front end back into an editable Stitch design.

    Also: Frontend, UI Design

  10. by Vercel

    Vercel's official skill for auditing UI code against the Web Interface Guidelines — accessibility, performance and UX rules reported as terse file:line findings.

    Also: Frontend, UI Design

  11. by Anthropic

    Style any artifact with a cohesive theme — 10 preset color/font themes, or generate a new one on the fly for slides, docs, reports, and pages.

    Also: Frontend, UI Design

  12. by Anthropic

    Guidance for distinctive, intentional UI design — aesthetic direction, typography, and choices that avoid looking like templated defaults.

    Also: Frontend, UI Design

  13. by Anthropic

    A suite for building elaborate, multi-component HTML artifacts with modern frontend tooling — React, Tailwind CSS, and shadcn/ui.

    Also: Frontend, UI Design

  14. by Jesse Vincent

    Explore intent, requirements, and design with the user before any code gets written — the antidote to building the wrong thing quickly.

    Also: Design

  15. by alchaincyf

    Agent skill that makes product launch films: it reads your product, offers three directions, scripts and scores the film, then lets you point at a frame to change it.

    Also: Claude Code

  16. by Ryan (wheresryan22)

    Agent skill that explains a technical idea by drawing it as a detailed, interactive isometric machine in SVG, with optional WebGL shaders and a 3D mode.

    Also: Claude Code

  17. by Fatih Aydost

    Claude Code skill that designs a brand as one system: logo, typography and palette from a single idea, tested for contrast and legibility, delivered as a guidelines kit.

    Also: Claude Code

  18. by Alex Greenshpun

    Agent skill that makes art and animation as code: illustrations, loops, interactive web art and scored films in 31 hand-drawn styles, identical on every render.

    Also: Claude Code

  19. by Karl Lowenbjer

    Claude Code plugin whose 22 writing rules cut reply length roughly in half and strip slogans, metaphors and filler from every answer.

    Also: Claude Code

  20. by Jake Schincariol

    Eleven free Claude skills that reverse-engineer an app, rebuild it, test it, and fix what its users complain about, through to branding, launch and deploy.

    Also: Claude Code