skills.rest
HopeArtOrg
HopeArtOrgOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design recommendations for web and mobile applications.

8|1|Updated Dec 24, 2025
Search Tags:#design#ui#mobile#application#ux#web
One-click install
npx skills add https://github.com/HopeArtOrg/hope-re --skill ui-ux-pro-max-hopeartorg
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/HopeArtOrg/hope-re/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/HopeArtOrg/hope-re --skill ui-ux-pro-max-hopeartorg

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance for web and mobile applications, helping users make informed design decisions and create better user experiences.

Core Features & Use Cases

  • Comprehensive Design Guide: Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Action-Based Recommendations: Offers advice on planning, building, creating, designing, implementing, reviewing, fixing, improving, optimizing, enhancing, refactoring, and checking UI/UX code.
  • Project and Element Coverage: Covers websites, landing pages, dashboards, admin panels, e-commerce, SaaS, portfolios, blogs, and mobile apps, including buttons, modals, navbars, sidebars, cards, tables, forms, and charts.
  • Style and Topic Integration: Provides guidance on color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, shadow, and gradient.
  • Integrations: Includes shadcn/ui MCP for component search and examples.
  • Use Case: If you are developing a new web application and need guidance on the color palette and typography, use this Skill to find the best matches for your product type and target audience.

Quick Start

Use the ui-ux-pro-max skill to find a color palette and typography pairing 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 choose the right color palette and typography for a SaaS dashboard?▼

To choose color palettes and typography for a SaaS dashboard, you can use design intelligence tools that provide pre-configured style combinations matching your specific product type and target audience. This ensures visual consistency and improves the overall user experience.

What UI/UX guidelines should I follow when building mobile application components?▼

Building mobile application components requires following established UX guidelines covering interaction states, spacing, accessibility, and layout principles. Comprehensive design references include 99 UX guidelines and specific component patterns for buttons, navbars, and modals.

Can I find design styles and chart types suitable for web admin panels?▼

Yes, you can find design styles and chart types for web admin panels through curated design systems that cover 50+ styles and 25 chart types across 10 technology stacks. This includes specific guidance for data visualization and dashboard layouts.

Do I need prior UI/UX knowledge to use design recommendation systems for web applications?▼

Yes, utilizing UI/UX design recommendation systems requires existing UI/UX knowledge and familiarity with design tools. The system provides actionable recommendations and curated style pairings, but you must understand how to apply them within your development environment.

How does shadcn/ui integration help with finding UI component examples?▼

Shadcn/ui integration helps find UI component examples by providing a search mechanism for component implementations and usage patterns. This allows you to directly reference and apply specific design components within your web application architecture.

Related Skills

Explore More Design & Creative Skills→
iambhabhaiambhabha

ui-ux-pro-max

Analyze UI/UX design needs and generate style recommendations for web and mobile applications.

Community
Advanced
nextlevelbuildernextlevelbuilder
114.9k

ui-ux-pro-max

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

Official
Advanced
andreichenchikandreichenchik

shadcn

Manage shadcn/ui components and projects with project context.

Community
Advanced
EdwinFerminEdwinFermin

frontend-tailwind-best-practices

Standardize Tailwind CSS patterns for layouts, colors, and typography.

Community
Intermediate