skills.rest
pachoroa
pachoroaCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Query a centralized UI/UX database to generate design systems and implementation plans.

Updated Feb 10, 2026
Search Tags:#typography#design#ui#components#style#ux#palette
One-click install
npx skills add https://github.com/pachoroa/mis_skills --skill ui-ux-pro-max-pachoroa
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/pachoroa/mis_skills/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/pachoroa/mis_skills --skill ui-ux-pro-max-pachoroa

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI/UX Pro Max provides a centralized, searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices to accelerate design decisions and maintain consistency across projects.

Core Features & Use Cases

  • Centralized UI knowledge: access styles, palettes, typography, charts, and UX guidelines in one place.
  • Stack-aware recommendations: guidelines tailored to React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.
  • Quick discovery workflow: product, style, typography, color, landing, chart, UX, and stack domains to inform design decisions.
  • Practical outputs: generate design systems, component catalogs, style guides, and implementation plans for websites, dashboards, admin panels, e-commerce sites, SaaS apps, portfolios, blogs, and mobile apps.

Quick Start

Describe your product context and desired style to generate a tailored UI/UX plan.

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 coherent UI design system for a React or Next.js dashboard?▼

Generate a coherent UI design system by querying a centralized database of styles, color palettes, and typography. It provides stack-aware recommendations for React, Next.js, and Tailwind to produce component catalogs and implementation plans for dashboards.

What is the best way to find a color palette and typography pairing for a SaaS landing page?▼

Find color palettes and typography pairings for a SaaS landing page by searching the style, color, and typography domains. This centralizes UI knowledge to accelerate design decisions and maintain visual consistency across SaaS apps.

Can I get UX guidelines and chart type recommendations for a mobile app built with Flutter?▼

Yes, you can get UX guidelines and chart type recommendations for a mobile app built with Flutter. The system provides stack-aware guidelines tailored to Flutter to inform design decisions and generate implementation plans.

How do I create a component catalog and style guide for a SwiftUI admin panel?▼

Create a component catalog and style guide for a SwiftUI admin panel by describing your product context and desired style. The workflow applies stack-specific best practices for SwiftUI to output structured style guides and catalogs.

Does this UI design tool support Vue and Svelte component recommendations?▼

Yes, this UI design tool supports Vue and Svelte component recommendations. It delivers stack-aware guidelines tailored to Vue and Svelte alongside React, Next.js, React Native, and other frameworks to maintain consistency across projects.

When do I need a centralized UI knowledge database for my e-commerce website design?▼

You need a centralized UI knowledge database for e-commerce website design when you want to accelerate design decisions and maintain consistency. It provides searchable styles, palettes, font pairings, and UX guidelines to generate practical implementation plans.

Related Skills

Explore More Design & Creative Skills→
TheCraigHewittTheCraigHewitt
7.3k

product-marketing-context

Create and maintain a product marketing context document at .claude/product-marketing-context.md.

Community
Intermediate
hotriluanhotriluan

ck:ui-styling

Implements accessible shadcn/ui components with Tailwind CSS in React frameworks.

Community
Intermediate
jubalmjubalm
1

shadcn/ui Customization & Theming

Configure CSS variable-based theming for shadcn/ui components with Tailwind.

Community
Advanced
ArieGoldkinArieGoldkin

design-to-production

Convert HTML prototypes into React components with shadcn/ui and validation.

Community
Intermediate