skills.rest
raphaelmans
raphaelmansCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Retrieve UI/UX design guidance from a curated knowledge base.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max provides a centralized, AI-assisted design intelligence that guides UI/UX systems with 50+ styles, palettes, font pairings, charts, and stacks to accelerate design decisions and ensure consistency.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks
  • Plan, design, implement, review, and optimize UI components for websites, dashboards, admin panels, and mobile apps
  • Use the design system generator to produce pattern, color, typography, and accessibility recommendations with implementation checklists

Quick Start

Run the design system generator to create a complete UI/UX plan for your 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 generate a consistent UI design system for a SaaS dashboard?▼

A UI design system generator produces structured patterns, color palettes, typography, and accessibility recommendations with implementation checklists. Applying this to your SaaS dashboard ensures consistent design decisions and accelerated implementation.

What font pairings and color palettes work best for web app UI?▼

For web app UI, 97 color palettes and 57 font pairings are available to match your chosen style. Applying these curated combinations ensures accessible, visually consistent interfaces across your application components.

Does this UI/UX design guidance work with React and Vue frontends?▼

Yes, UI/UX design guidance applies to React, Vue, Svelte, and plain HTML/CSS stacks. You can implement structured design patterns, typography, and color palettes directly within these frontend frameworks for consistent component styling.

Can I get accessibility recommendations and implementation checklists for my mobile app?▼

Yes, you can retrieve accessibility recommendations and implementation checklists for mobile apps. The design intelligence provides structured guidelines to ensure your mobile interface meets accessibility standards across all UI components.

What's the best way to plan and design an admin panel UI?▼

Plan an admin panel UI by retrieving structured patterns, 99 UX guidelines, and 25 chart types from a curated knowledge base. This approach provides style recommendations and implementation checklists to optimize your admin interface design.

Why do I need a design system generator for my website project?▼

A design system generator centralizes UI/UX intelligence to guide your website project with 50+ styles and structured patterns. It ensures consistency across components while accelerating design decisions through curated recommendations.

Related Skills

Explore More Design & Creative Skills→
atxinskyatxinsky
4

ui-ux-pro-max

Retrieve stack-specific UI/UX design guidelines and generate design tokens.

Community
Advanced
hookvibehookvibe
3

ui-ux-pro-max

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

Official
Basic
AllBeingsFutureAllBeingsFuture
9

submit-skill-repo

Submit GitHub repository URLs for indexing in the Skill Store.

Community
Basic
HerxinsasaHerxinsasa
1

theme-factory

Generate custom color palettes and font pairings for presentations and documents.

Community
Intermediate