skills.rest
2good4me
2good4meCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems for web and mobile applications with styles, palettes, and font pairings.

Updated Feb 1, 2026
Search Tags:#typography#accessibility#design system#ui/ux#style guide#component library#frontend development
One-click install
npx skills add https://github.com/2good4me/JobNow --skill ui-ux-pro-max-2good4me
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/2good4me/JobNow/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/2good4me/JobNow --skill ui-ux-pro-max-2good4me

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

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

Core Features & Use Cases

  • Design System Generation: Creates tailored design systems based on project type, industry, and desired style.
  • Component & Style Recommendations: Offers 50+ styles, 21 palettes, 50 font pairings, and 20 chart types across 9 technology stacks.
  • UX Best Practices: Provides critical guidelines on accessibility, performance, layout, and interaction.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, font pairings, and layout recommendations, ensuring a consistent and accessible user experience.

Quick Start

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

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

Generate a UI/UX design system by defining your project type, industry, and desired style. The skill outputs tailored color palettes, 50 font pairings, and layout guidelines for web and mobile applications.

What font pairings and color palettes are best for a SaaS dashboard?▼

For a SaaS dashboard, selecting a minimalist style yields curated recommendations from 21 color palettes and 50 font pairings. This ensures a consistent, professional, and accessible user interface design.

Does this design intelligence tool work with shadcn/ui components?▼

Yes, the design intelligence tool integrates directly with shadcn/ui. It provides actions for component search and examples, allowing you to match generated styles with shadcn/ui component libraries seamlessly.

How do I ensure accessibility and performance when building a frontend UI?▼

Ensure accessibility and performance by following the skill's UX best practices. It provides critical guidelines on accessible layout, interaction, performance, and component optimization across 9 technology stacks.

Do I need Python to use this UI/UX style guide generator?▼

Yes, you need Python3 installed to run this skill. It relies on Python3 to execute its internal scripts for generating design systems, style guides, and component recommendations.

What is the best way to plan and optimize UI/UX code for 9 different technology stacks?▼

The best way to optimize UI/UX code is using the skill's planning and building actions. It offers style guides and component recommendations tailored to 9 specific frontend development technology stacks.

Related Skills

Explore More Design & Creative Skills→
BaoNguyen09BaoNguyen09
6

install-mac

Install Node.js and project dependencies on macOS for development.

Community
Intermediate
PriyanshudotdevPriyanshudotdev

ui-ux-pro-max

Generate design systems and review UI/UX code for web and mobile applications.

Community
Advanced
Tahasaif3Tahasaif3

shadcn

Provide Radix UI-based components styled with Tailwind CSS for React interfaces.

Community
Intermediate
hookvibehookvibe
3

ui-ux-pro-max

Generate UI/UX design systems with color palettes and typography guidelines.

Official
Basic