skills.rest
phuxp17
phuxp17COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provides curated UI style palettes and UX guidance for developers and designers.

Updated Aug 23, 2026
Search Tags:#typography#charts#ui-design#design-system#color-palettes#ux-guidelines
One-click install
npx skills add https://github.com/phuxp17/demo_web --skill ui-ux-pro-max-phuxp17
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/phuxp17/demo_web/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/phuxp17/demo_web --skill ui-ux-pro-max-phuxp17

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python.

What problem does it solve?

This Skill consolidates diverse UI design resources (styles, palettes, typography, charts, UX guidelines) into a single, searchable reference to speed up design planning and implementation.

Core Features & Use Cases

  • Extensive style library: 50 UI styles, 21 palettes, 50 font pairings, 20 chart types for rapid design exploration.
  • Stack-aware guidance: Provides best practices for React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui across projects.
  • Workflow support: Plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor UI/UX code for websites, dashboards, apps.
  • Use Case: A designer plans a dashboard with accessible typography and color contrast, then translates that plan into a component library scaffold.

Quick Start

Use the skill to look up a color palette and recommended components for a new admin 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 find the right color palette and font pairings for my UI design?▼

To find the right color palette and font pairings for your UI design, search a database of 21 color palettes and 50 font pairings to accelerate planning and ensure accessible contrast. This provides ready-to-use combinations for your project.

Does this UI design tool support React, Next.js, and Tailwind workflows?▼

Yes, this UI design tool supports React, Next.js, Tailwind, and shadcn/ui workflows. It provides stack-aware best practices and component guidance to help you implement websites, dashboards, and mobile apps across these frameworks.

Do I need Python installed to use this UI design reference?▼

Yes, you need Python installed to use this UI design reference. The skill relies on a Python-based search script and domain-specific queries to fetch results from its database of styles, palettes, and UX guidelines.

What is the best way to choose chart types for a dashboard?▼

The best way to choose chart types for a dashboard is to search a library of 20 chart types alongside UX guidelines. This ensures your data visualization matches accessibility standards and fits the admin panel context.

Can I look up UI styles for mobile apps built with Flutter and SwiftUI?▼

Yes, you can look up UI styles for mobile apps built with Flutter and SwiftUI. The database includes 50 UI styles with guidance tailored to mobile frameworks to help you design and implement interfaces.

What are the limitations of using a searchable database for UX guidelines?▼

A key limitation of using a searchable database for UX guidelines is that it provides reference styles and palettes rather than generating actual component code. You must translate the fetched design decisions into your UI scaffold manually.

Related Skills

Explore More Design & Creative Skills→
hollandkevinthollandkevint
5

ui-ux-pro-max

Generate design systems with styles, color palettes, and typography.

Community
Advanced
hunterwebs-cpuhunterwebs-cpu

uxui

Provide UI/UX design recommendations for React, Next.js, Vue, and more.

Community
Advanced
MichaelSolatiMichaelSolati

ui-ux-search

Search a structured UI/UX design database to generate design system recommendations.

Community
Advanced
alykay1522alykay1522

ui-ux-pro-max

Generate design system recommendations for color schemes, typography, and styles.

Community
Advanced