oiloil-ui-ux-guide

Guide UI/UX reviews with structured design principles and prioritized fixes.

114|12|Updated Jan 22, 2026
One-click install
npx skills add https://github.com/OpenDCAI/leonai --skill oiloil-ui-ux-guide
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: oiloil-ui-ux-guide
Source: https://github.com/OpenDCAI/leonai/tree/main/.claude/skills/oiloil-ui-ux-guide
Command: npx skills add https://github.com/OpenDCAI/leonai --skill oiloil-ui-ux-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

UI/UX reviews are often inconsistent and verbose. This guide provides a compact, actionable framework to align design reviews around a modern minimal aesthetic, CRAP principles, and a task-first mindset.

Core Features & Use Cases

  • Guide mode delivers concise principles and concrete do/don't rules for common surfaces (marketing pages, dashboards, forms, settings).
  • Review mode outputs prioritized fixes (P0/P1/P2) with actionable steps, acceptance checks, and a stable output template for engineers and designers.
  • Workflow & references deliver a reproducible process and curated reference material to ensure consistent iconography, mapping, and state feedback.

Quick Start

Open the OilOil UI/UX Guide Skill in guide or review mode and specify the surface type and goal to receive concise, actionable recommendations.

Frequently Asked Questions about oiloil-ui-ux-guide

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I run a consistent UI/UX design review for web and mobile interfaces?

To run a consistent UI/UX design review, use a structured framework applying CRAP principles and minimal design rules. This yields prioritized fixes (P0/P1/P2) with actionable steps and acceptance checks for engineers and designers.

What are the CRAP principles and how do they apply to minimal design?

The CRAP principles—contrast, repetition, alignment, and proximity—guide minimal design by enforcing visual hierarchy and consistency. Applying them during feature vetting ensures clean, task-first interfaces across marketing pages, dashboards, and forms.

How do I prioritize UI audit fixes for engineering and design teams?

To prioritize UI audit fixes, categorize issues into P0, P1, and P2 severity levels. Output them in a stable template with actionable steps and acceptance checks to align engineers and designers on resolution.

Does this UI/UX guidance framework support both marketing pages and application dashboards?

Yes, this UI/UX guidance framework supports both marketing pages and application dashboards. It delivers concrete do/don't rules for common surfaces like forms and settings, ensuring consistent design reviews.

What is the best way to structure a design review workflow for modern minimal interfaces?

The best way to structure a design review workflow is using a reproducible process with curated references. This ensures consistent iconography, mapping, and state feedback across modern minimal interfaces.

Why are my UI/UX design reviews inconsistent and verbose?

UI/UX design reviews are inconsistent and verbose when lacking a structured, minimal design framework. Aligning reviews around CRAP principles and a task-first mindset produces concise, actionable recommendations.