Skip to main content
Designdavepoon

oiloil-ui-ux-guide

Modern, clean UI/UX guidance + review skill. Use when you need actionable UX/UI recommendations, design principles, or a design review checklist for new features or existing systems (web/app). Focus on CRAP (Contrast/Repetition/Alignment/Proximity) plus task-first UX, information architecture, feedback & system status, consistency, affordances, error prevention/recovery, and cognitive load. Enforce a modern minimal style (clean, spacious, typography-led), reduce unnecessary copy, forbid emoji as icons, and recommend intuitive refined icons from a consistent icon set.

Stars
2,987
Source
davepoon/buildwithclaude
Updated
2026-05-26
Slug
davepoon--buildwithclaude--oiloil-ui-ux-guide
View on GitHubRaw SKILL.md

// install — copy + paste into any project

mkdir -p .claude/skills && curl -fsSL https://raw.githubusercontent.com/davepoon/buildwithclaude/HEAD/plugins/all-skills/skills/oiloil-ui-ux-guide/SKILL.md -o .claude/skills/oiloil-ui-ux-guide.md

Drops the SKILL.md into .claude/skills/oiloil-ui-ux-guide.md. Works with Claude Code, Cursor, and any agent that loads SKILL.md files from .claude/skills/.

OilOil UI/UX Guide

Modern UI/UX guidance and review skill with two modes:

  • guide: Actionable do/don't rules for modern clean UI/UX
  • review: Prioritized P0/P1/P2 fix lists with design psychology diagnosis

Full skill with references available at: https://github.com/oil-oil/oiloil-ui-ux-guide

Install via: npx skills add oil-oil/oiloil-ui-ux-guide