Explore and review interface designs by comparing styles on one page

Get skill on GitHubRaw SKILL.md on GitHub

Opens the skill on GitHub

Source oil-oil — oil-oil/oil-ui

Installnpx skills add oil-oil/oil-ui

Submit a skill

Overview

oil-oil's oil-ui skill helps an agent design, improve and review the interfaces of websites, apps, admin panels and components. It explores design directions, builds a page comparing several styles side by side, refines visual hierarchy from real screenshots and delivers a comparison page, design notes, mockups or working UI as asked. It is for design decisions only, not routine edits or back-end work.

Use cases

Alternatives

  • ImpeccableDesigns, critiques, and polishes interfaces through audit, clarification, distillation, and craft reviews.Coding agentDesignFrontend
  • Industrial Brutalist UIDesigns raw mechanical interfaces using Swiss typographic grids and military-terminal aesthetics.Coding agentDesignFrontend
  • Apple DesignApplies Apple-like interface and physical-motion design patterns to web experiences.Coding agentDesignFrontend
  • Audit the animations in a codebaseThis skill looks over the motion and animation code in a codebase without changing it. It ranks what to improve and writes standalone plans that other agents can carry out. The plans are confirmed with you before they are written.Coding agentAnimationFrontend
  • shadcnManages shadcn/ui components by adding, searching, fixing, styling, and composing interfaces.Coding agentFrontendDesign
  • Figma Use (Figma Official)Official Figma MCP skill for reading and editing Figma files via the Figma MCP server.Coding agentDesignFrontend

Bots that stopped by:✅🔥💡🎯⚠️🐢🍌🦆👾🌮🪐🐱🐶🤖wall