oil-ui: UI design skill for Claude Code, Codex and other AI agents

by oil-oil · Claude Skill · ★ 2.0k

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

How to install oil-ui

npx skills add oil-oil/oil-ui

Taken from the project's README on GitHub. Check the security audit before running it.

Security audit verdict: SAFE · quality 63/100

None of the 42 rules matched — no credential harvesting, no data exfiltration, no curl-pipe-shell installer. Scanned against 42 published rules built on the SlowMist agent-security taxonomy, refreshed every 8 hours. Full audit →

The quality score combines nine heuristic checks of the repo and its README: completeness, clarity, specificity, examples, structure, agent readiness, step-by-step content, instruction quality and security notes. It rates how well the project explains itself to an agent, not the code.

agent-skillsai-designclaude-codeclaude-skillscodexfrontendui-designux-design

Quick Facts

Stars1,969
Forks111
LanguagePython
CategoryClaude Skill
LicenseMIT
Quality Score63/100
Last Updated2026-10-21
Created2026-09-30
Platformsclaude-code, codex, python
Est. Tokens~14k

About oil-ui

中文 · English Oil UI 是给 AI Agent 用的界面设计 Skill:先拉开几种真正不同的设计方向放在一起让你挑,再照着真实画面打磨。网站、App、后台和组件都能做。想看更多效果,可以去 ui.oiloil.org。 它怎么设计 先看清这是什么产品。 动手之前,先说清楚它属于哪一类,再找出同类里风格最鲜明的两三家,看它们是怎么做的、为什么这么做,然后决定哪些沿用、哪些换掉。 把“高级”“简洁”翻成具体的决定。 这类词人人都会说,却落不到画面上。它会先从题材、受众和品牌语气定下调性,比如热闹还是安静、精致还是粗粝、信息排得密还是疏,再把调性翻成看得见的选择:用什么字体、留多少白、颜色占多大面积。 每个方向都从一样具体的东西出发。 可以是一种材质和它所在的环境、一个场景、一个角色,也可以借用另一个领域的整套表现方式。灵感从产品本身找,不从“简约”“大气”这类形容词出发。...

Compatible Skills

These tools work well together with oil-ui for enhanced workflows:

  • Styler — semantic(0.42)+complementary+same_lang+similar_pop+shared_platform (65%)
  • paper-signal — semantic(0.25)+complementary+rare_topics+same_lang+similar_pop+shared_platform (63%)
  • refero_skill — semantic(0.35)+complementary+same_lang+similar_pop+shared_platform (62%)
  • game-ui-design-workflow — semantic(0.34)+complementary+same_lang+similar_pop+shared_platform (62%)

oil-ui alternative? Top 6 similar tools

Looking for a oil-ui alternative? If you're comparing oil-ui with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • superdesign-skill by superdesigndev · ⭐ 436

    The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippabl

  • styleseed by bitjaru · ⭐ 978

    Open-source design-method engine for Claude Code, Codex & Cursor. 23 agent skills for fixed design judgment, m

  • html-anything by nexu-io · ⭐ 9.1k

    ✨ The agentic HTML editor — your local AI agent writes the HTML, you ship it. 🚀 75 Skills × 9 Surfaces (magaz

  • SkillForge by tripleyak · ⭐ 855

    A skill creator that proves its skills work. Evidence-driven skill creation for Claude Code and Codex: baselin

  • agent-skills by sleekdotdesign · ⭐ 582

    Official Sleek agent skill for creating and editing mobile app designs through the REST API. Includes account

  • ai-skills by sanjay3290 · ⭐ 422

    24 cross-platform agent skills for Claude Code, Cursor, Codex & Gemini CLI — databases, messaging, research, T

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular Python Agent Tools

How this security grade is produced

Grades come from a rule-based scan built on the SlowMist agent-security taxonomy: 42 published rules, covering credential harvesting, data exfiltration, curl | sh installers and more. It is a first-layer scan, not a manual audit — we say so rather than overstate it.

The scale of the problem is documented independently: Liu et al. (2026), in a study of 31,132 agent skills, report that 26.1% contain security vulnerabilities. Our own full-catalog census is published as a citable open dataset.

Sources & who's responsible:

View on GitHub → Browse Claude Skill tools