OpenSkillIndex← back to search
claude-codecreative

Buildwithclaude 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.

install
source · Clone the upstream repo
git clone https://github.com/davepoon/buildwithclaude
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/davepoon/buildwithclaude "$T" && mkdir -p ~/.claude/skills && cp -r "$T/plugins/all-skills/skills/oiloil-ui-ux-guide" ~/.claude/skills/davepoon-buildwithclaude-oiloil-ui-ux-guide && rm -rf "$T"
manifest: plugins/all-skills/skills/oiloil-ui-ux-guide/SKILL.md
tags
#ui-ux#design-review#accessibility#design-principles#usability#iconography
source content

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