skills.rest
chenzhu007
chenzhu007COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate tailored UI/UX guidance plans for web, mobile, and desktop applications.

Updated Mar 29, 2026
Search Tags:#ui#accessibility#usability#design-principles#ux#design-system#responsive-design
One-click install
npx skills add https://github.com/chenzhu007/wework-mail-downloader --skill ui-ux-pro-max-chenzhu007
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/chenzhu007/wework-mail-downloader/tree/main/.trae/skills/ui-ux-pro-max
Command: npx skills add https://github.com/chenzhu007/wework-mail-downloader --skill ui-ux-pro-max-chenzhu007

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX design guidance is often scattered and time-intensive. This skill consolidates principles, patterns, and optimization strategies to accelerate design decisions and improve usability.

Core Features & Use Cases

  • UI design principles (visual hierarchy, typography, color systems, responsive layouts)
  • UX optimization (user journeys, interaction patterns, information architecture, usability research)
  • Design systems and component libraries (tokens, documentation, governance)
  • Practical scenarios across web, mobile, and desktop products with measurable UX improvements

Quick Start

Describe your UI/UX goal and constraints, and I will generate a tailored guidance plan.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
What UI design principles improve visual hierarchy and typography in responsive layouts?▼

UI design principles for visual hierarchy and typography structure content to guide user attention across responsive layouts. Applying these principles ensures interfaces adapt cleanly across web, mobile, and desktop applications.

How do I build a design system with component libraries and design tokens?▼

Building a design system requires defining design tokens, documenting component libraries, and establishing governance rules. This approach standardizes UI elements and ensures consistent visual patterns across product teams.

Can I get accessibility considerations for mobile and desktop applications?▼

Accessibility considerations apply directly to mobile and desktop applications by ensuring interfaces are usable for all audiences. Integrating accessibility into design principles guarantees compliance and broadens product reach.

What is the best way to run usability testing workflows for product teams?▼

The best way to run usability testing workflows involves structured research methodologies tailored for product teams and researchers. These workflows generate practical, example-driven recommendations to validate design decisions.

How do I optimize user journeys and interaction patterns for web products?▼

Optimizing user journeys and interaction patterns for web products involves mapping information architecture and applying UX design principles. This process enhances usability and delivers measurable improvements for web applications.

Related Skills

Explore More Design & Creative Skills→
claudcherejiclaudchereji

ux-researcher

Conduct usability testing and translate findings into actionable product improvements.

Community
Advanced
felvieirafelvieira
22

ui-ux-design

Design UX/UI wireframes and design tokens for web and mobile interfaces.

Community
Advanced
OzeroHAXOzeroHAX
32

coder-frontend-design

Define frontend design tokens, typography, color, layout, and accessibility standards.

Community
Intermediate
oakossoakoss
14

usability-tester

Plan and conduct usability tests with heuristic evaluations and accessibility audits.

Official
Advanced