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.

Content Preview
---
name: oiloil-ui-ux-guide
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)
How to Use

Recommended: Install to project (local)

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

Skill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.

Alternative: Clone full repo

git clone https://github.com/davepoon/buildwithclaude

Then reference at plugins/all-skills/skills/oiloil-ui-ux-guide/SKILL.md

Related Skills