Oiloil UI Ux Guide

davepoon/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.

249 tokens

context cost

the whole folder, loaded on every use

files

instructions only

copies elsewhere

how many repositories repackaged it

3248

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/davepoon/buildwithclaude --skill oiloil-ui-ux-guide

The instruction itself

1 sections, as written by the author

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

How to use it

Copy the folder

Take davepoon/oiloil-ui-ux-guide from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.

Install what it needs

The instructions reference npx. Without those the skill loads but fails at the first command.