ui-ux-pro-max

Generate design systems with styles, palettes, font pairings, and UX guidelines.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/JiaxingBI/LL2026 --skill ui-ux-pro-max-jiaxingbi
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JiaxingBI/LL2026/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JiaxingBI/LL2026 --skill ui-ux-pro-max-jiaxingbi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and data (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence to create professional, user-friendly web and mobile interfaces, ensuring aesthetic appeal, usability, and accessibility.

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems including styles, color palettes, typography, and UX guidelines based on project type and keywords.
  • UI/UX Review & Optimization: Offers detailed checklists and actionable advice for improving accessibility, interaction, performance, and visual consistency.
  • Use Case: When building a new e-commerce website, use this Skill to generate a modern, accessible design system and then review the product card component for optimal user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a new SaaS dashboard.

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 generate a design system for a web or mobile application?

To generate a design system, specify your project type and keywords to receive tailored styles, 161 color palettes, 57 font pairings, and 99 UX guidelines. This creates a cohesive foundation for professional, user-friendly web and mobile interfaces.

What is the best way to review and optimize UI/UX for accessibility?

The best way to review UI/UX accessibility is using detailed checklists and actionable advice covering interaction, performance, and visual consistency. This ensures aesthetic appeal and compliance with accessibility standards across your application.

Can I use this to create a design system for a SaaS dashboard?

Yes, you can create a design system for a SaaS dashboard. The skill provides design intelligence covering 50+ styles and specific rules across 10 technology stacks to support building dashboards and similar web projects.

Does it support specific rules for typography and color palettes?

Yes, it supports specific rules for typography and color palettes. It includes 57 font pairings and 161 color palettes to help you establish a consistent visual language and improve overall UI design quality.

How do I fix and refactor UI/UX code for better visual consistency?

To fix and refactor UI/UX code, apply the skill's review checklists and optimization rules to your existing components. This provides actionable advice to enhance interaction, performance, and visual consistency across your project.

When do I need UX guidelines for different technology stacks?

You need UX guidelines for different technology stacks when building or refactoring interfaces across multiple platforms. The skill provides 99 specific UX guidelines across 10 technology stacks to ensure usability and accessibility.