skills.rest
lemone112
lemone112COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and component recommendations.

Updated Aug 27, 2026
Search Tags:#typography#accessibility#design system#ui/ux#color palette#component design
One-click install
npx skills add https://github.com/lemone112/labpics-dashboard --skill ui-ux-pro-max-lemone112
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/lemone112/labpics-dashboard/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/lemone112/labpics-dashboard --skill ui-ux-pro-max-lemone112

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering guidance on styles, color palettes, typography, and best practices to create professional and user-friendly interfaces.

Core Features & Use Cases

  • Design System Generation: Create a complete design system tailored to your project type, industry, and keywords.
  • Component & Style Recommendations: Get specific advice on colors, fonts, layouts, and UI patterns.
  • Best Practice Enforcement: Identify and fix common UI/UX anti-patterns and accessibility issues.
  • Use Case: When designing a new SaaS dashboard, use this Skill to generate a design system that includes a professional color palette, a clean typography pairing, and best practices for interactive elements.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app'.

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 SaaS dashboard?▼

To generate a design system for a SaaS dashboard, this Skill uses your project type and industry keywords to produce tailored recommendations for professional color palettes, clean typography pairings, and interactive component best practices.

What is the best way to choose a color palette and typography for a fintech mobile app?▼

The best way to choose a color palette and typography for a fintech mobile app is to use intelligent design guidance that enforces accessibility standards and generates professional style pairings based on your specific project type.

How does AI-driven UI/UX design intelligence fix accessibility issues?▼

AI-driven UI/UX design intelligence fixes accessibility issues by analyzing your component implementation to identify common UI/UX anti-patterns and enforcing best practices for interactive elements across web and mobile applications.

Can I use this for both web and mobile application component design?▼

Yes, you can use this Skill for both web and mobile application component design. It supports various technology stacks and project types, offering specific recommendations for layouts, UI patterns, and component implementation.

What are common UI/UX anti-patterns I should look out for when building a design system?▼

Common UI/UX anti-patterns to look out for when building a design system include poor accessibility, inconsistent typography, and unoptimized interactive elements, which this Skill identifies and provides specific recommendations to fix.

Related Skills

Explore More Design & Creative Skills→
cin12211cin12211
218

ui-ux-pro-max

Query a searchable repository of styles, palettes, fonts, and stack guidelines.

Community
Intermediate
AdemKaoAdemKao

ui-ux

Provide UI/UX design guidance for frontend interfaces covering color, typography, layouts, and accessibility.

Community
Intermediate
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
anibaldebonianibaldeboni

ui-ux-pro-max

Generate design systems with color palettes, typography pairings, and UX guidelines.

Community
Advanced