oiloil-ui-ux-guide

star 3.1k

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.

davepoon By davepoon schedule Updated 6/3/2026

name: oiloil-ui-ux-guide category: design description: 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.

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

Install via CLI
npx skills add https://github.com/davepoon/buildwithclaude --skill oiloil-ui-ux-guide
Repository Details
star Stars 3,077
call_split Forks 385
navigation Branch main
article Path SKILL.md
More from Creator