skills.rest
lgili
lgiliCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

UX/UI Pro

Design and review web, mobile, and dashboard interfaces for usability and accessibility.

Updated Apr 7, 2026
Search Tags:#typography#design#ui#accessibility#color#ux#design-system
One-click install
npx skills add https://github.com/lgili/skillex --skill ux-ui-pro
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX/UI Pro
Source: https://github.com/lgili/skillex/tree/main/skills/ux-ui-pro
Command: npx skills add https://github.com/lgili/skillex --skill ux-ui-pro

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

The skill provides expert UI/UX guidance to design, review, and refine interfaces, ensuring accessible, cohesive, and visually polished results.

Core Features & Use Cases

  • Design guidance for interfaces across web, mobile, and dashboards, including typography, color palettes, and component patterns.
  • Accessibility review to improve usability and align with WCAG principles.
  • Establishment or evolution of design systems, tokens, and responsive guidelines for consistency across products.

Quick Start

Ask UX/UI Pro to review a screen for accessibility, hierarchy, and branding alignment.

Frequently Asked Questions about UX/UI Pro

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

FAQPage Schema
How do I review my UI for accessibility and WCAG compliance?▼

To review UI accessibility, the skill evaluates your interface against WCAG principles, identifying usability barriers and providing actionable patterns to align your web or mobile design with accessibility standards.

What is the best way to establish a cohesive design system with tokens?▼

Establishing a design system involves generating practical tokens, typography scales, and color palettes that ensure visual consistency across products while providing responsive guidelines for web and mobile interfaces.

Can I get layout recommendations for both mobile and dashboard interfaces?▼

Yes, you can get layout recommendations for mobile and dashboard interfaces by applying component patterns and responsive guidelines tailored to your specific platform and product design workflows.

How do I choose the right typography and color palette for my web interface?▼

Choosing typography and color involves applying expert design principles to match your branding, establish clear visual hierarchy, and ensure accessible color contrast for your web or mobile interfaces.

Does this skill help refine existing user interfaces or only design new ones?▼

This skill helps refine existing user interfaces by reviewing screens for accessibility, hierarchy, and branding alignment, while also providing expert guidance to design new interfaces from scratch.

Related Skills

Explore More Design & Creative Skills→
jeffwweeejeffwweee

ui-designer

Generate HTML wireframes, React/MUI mockups, and design specifications.

Community
Intermediate
xcrrrxcrrr
4

frontend-design

Generate frontend design specifications with CSS custom properties and component states.

Community
Advanced
mchien15mchien15

frontend-design

Convert design references into reusable HTML/CSS/JS components and design tokens.

Community
Advanced
dylantarredylantarre
38

color-contrast

Validate color combinations against WCAG 2.1 contrast requirements and generate accessible pairings.

Community
Basic