ui-ux-pro-max

Search a catalog of styles, palettes, fonts, guidelines, and charts for design planning.

Updated Mar 17, 2026
One-click install
npx skills add https://github.com/Blake-John/agent-config --skill ui-ux-pro-max-blake-john
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Blake-John/agent-config/tree/main/.zeroclaw/workspace/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Blake-John/agent-config --skill ui-ux-pro-max-blake-john

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This UI/UX design intelligence framework consolidates 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks to accelerate design planning and ensure consistency.

Core Features & Use Cases

  • Centralized reference for styles, palettes, typography, charts, and accessibility rules.
  • Supports multiple stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui.
  • Use Case: Plan and implement cohesive UI across websites, dashboards, landing pages, and mobile apps with reusable components and patterns.
  • Quick search and recommendations enable rapid exploration of design options and anti-patterns.

Quick Start

Describe your product, audience, and constraints to generate an initial design-system outline.

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 plan a UI design system across multiple frameworks?

Plan a UI design system by defining product requirements, audience, and constraints to generate a structured outline of styles, color palettes, typography, and component patterns. This approach ensures cohesive UI across multiple frameworks.

Can I use these UX guidelines and color palettes for a React Native app?

Yes, you can apply these UX guidelines and color palettes to a React Native app. The design intelligence framework supports React Native alongside Flutter and SwiftUI for building consistent mobile interfaces.

What is the best way to choose accessible typography and font pairings?

The best way to choose accessible typography is to reference a curated catalog of 57 font pairings alongside accessibility checks. This ensures selected fonts meet visual accessibility standards and maintain readability.

How do I select the right color palettes and styles for a dashboard layout?

Select color palettes and styles for a dashboard layout by using a structured search workflow across 97 palettes and 50+ styles. This generates actionable recommendations tailored to your specific data visualization requirements.

Does this UI design intelligence framework support Tailwind and shadcn/ui?

Yes, the UI design intelligence framework supports both Tailwind and shadcn/ui. It provides reusable component patterns and design guidelines specifically tailored for these stacks to accelerate development.

Why do I need a centralized reference for UX guidelines and chart types?

You need a centralized reference for UX guidelines and chart types to ensure consistency and avoid anti-patterns during product design. It consolidates 99 guidelines and 25 chart types to accelerate planning and improve accessibility.