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.