skills.rest
hwj123hwj
hwj123hwjCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design guidelines for web and mobile tech stacks.

4|Updated Jan 28, 2026
Search Tags:#accessibility#performance optimization#ux design#ui design#design guidelines
One-click install
npx skills add https://github.com/hwj123hwj/custom-skills --skill ui-ux-pro-max-hwj123hwj
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hwj123hwj/custom-skills/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hwj123hwj/custom-skills --skill ui-ux-pro-max-hwj123hwj

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidelines for a variety of tech stacks, solving challenges related to visual design, accessibility, and performance for web and mobile applications.

Core Features & Use Cases

  • Design Guidelines: Offers style, layout, typography, and color guidelines across various tech stacks.
  • Accessibility: Includes detailed instructions on ensuring accessibility compliance for diverse user groups.
  • Performance: Offers strategies to improve app performance, including optimization of loading times and responsive design techniques.
  • Use Case: Ideal for developers looking to design high-quality, accessible UIs and ensure consistent performance across multiple devices.

Quick Start

Generate design guidelines for a "SaaS dashboard" using the ui-ux-pro-max skill.

Frequently Asked Questions about ui-ux-pro-max

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

FAQPage Schema
How do I get UI design guidelines for a SaaS dashboard?▼

To get UI design guidelines for a SaaS dashboard, you use tools that generate style, layout, and typography rules. This provides comprehensive visual design strategies for web and mobile applications.

What's the best way to ensure accessibility compliance in React and Next.js?▼

The best way to ensure accessibility compliance in React and Next.js is to apply detailed design instructions for diverse user groups. This addresses visual accessibility rules across multiple technology stacks.

Do I need Python to generate UX design rules for Flutter and SwiftUI?▼

Yes, you need Python installed to generate UX design rules for Flutter and SwiftUI. The skill requires access to Python libraries and command-line interfaces to execute its design optimization scripts.

How do I optimize loading times and responsive design for Vue and Svelte?▼

To optimize loading times and responsive design for Vue and Svelte, implement specific performance optimization strategies. This improves app performance across multiple devices using tailored frontend techniques.

Can I use a single skill for UI/UX design across React Native and web frameworks?▼

Yes, you can use a single skill for UI/UX design across React Native and web frameworks. It provides a suite of style guides and optimization strategies covering multiple frameworks like React, Vue, Svelte, and Flutter.

Related Skills

Explore More Software Engineering Skills→
pingmepipingmepi

pm-os-update

Execute a remote synchronization script to update the local PM-OS environment.

Community
Basic
wanghaishengwanghaisheng
10

android-design-guidelines

Standardize Android UI design across Jetpack Compose and XML with Material Design 3.

Community
Advanced
gensart-projsgensart-projs

performance-profiling

Measure Lighthouse scores and core web vitals to identify performance bottlenecks.

Community
Intermediate
RangeyRoverRangeyRover
3

speckit.checker

Run static analysis across multiple languages and generate prioritized issue reports.

Community
Intermediate