What are the core design principles applied?

The skill focuses on the CRAP framework (Contrast, Repetition, Alignment, Proximity), task-first UX, information architecture, and reducing cognitive load.

How does it handle spacing and layout?

It enforces a strict spacing scale based on a 4px unit (4, 8, 12, 16, etc.) to ensure visual consistency and grid alignment across the interface.

Can I use emojis for icons with this guide?

No, this skill strictly forbids the use of emojis as UI icons or decorations to maintain a professional and refined modern minimal style.

What is the 'review' mode in this skill?

The review mode audits existing interfaces (via screenshots, HTML, or code) and outputs prioritized fixes labeled P0 to P2 based on their impact on the user experience.

Modern Minimal UI/UX Guide

Name: Modern Minimal UI/UX Guide
Author: OpenDCAI

byOpenDCAI

•

设计工具

Provides expert UI/UX guidance and automated design reviews based on modern minimal principles and task-first user experiences.

The OilOil UI/UX Guide is a specialized skill designed to elevate the quality of web and application interfaces through two distinct modes: 'guide' and 'review'. It applies rigorous design standards including the CRAP framework (Contrast, Repetition, Alignment, Proximity), task-first information architecture, and cognitive load management. By enforcing strict rules such as a 4px spacing scale and forbidding the use of emojis as icons, this skill ensures Claude provides actionable, professional-grade design feedback that prioritizes usability and a clean, typography-led aesthetic.

主要功能

0198 GitHub stars

02Strict UI copy and icon consistency checks to reduce cognitive load

03Automated UI/UX audits with prioritized P0-P2 actionable findings

04Comprehensive guidance on CRAP design principles and visual hierarchy

05Enforcement of modern minimal aesthetics and consistent spacing scales

06Task-first UX framework to optimize primary user objectives

使用场景

01Reviewing a frontend pull request or screenshot to identify usability blockers

02Generating a design checklist for new features like dashboards or settings pages

03Refining system-level feedback loops and error recovery states

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add opendcai/mycel oiloil-ui-ux-guide

For use in Claude.ai and ChatGPT