ui-ux-pro-max

Generate design-system guidance for web and mobile UI projects.

Updated Jan 13, 2026

Search Tags:#typography #accessibility #ui-ux #design-system #cross-stack #color-palette #component-library

Ready to run

npx skills add https://github.com/CodeWithKarol/scale-sail-agency --skill ui-ux-pro-max-codewithkarol

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/CodeWithKarol/scale-sail-agency/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/CodeWithKarol/scale-sail-agency --skill ui-ux-pro-max-codewithkarol

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This skill provides comprehensive UI/UX design guidance powered by a knowledge base of styles, palettes, fonts, charts, stacks, and UI primitives.

Core Features & Use Cases

50+ styles, 97 color palettes, 57 font pairings, and 99 UX guidelines to accelerate design decision-making.
Comprehensive stacks: React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui for cross-stack guidance.
Use Case: Design teams planning dashboards or landing pages for SaaS, ecommerce, or mobile apps, and needing quick, cohesive styling decisions.

Quick Start

Run the design-system command to generate a system for your project: python3 skills/ui-ux-pro-max/scripts/search.py "<product> <industry> <keywords>" --design-system -p "<Project Name>"

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 cohesive design system for a SaaS dashboard?▼

To generate a design system for a SaaS dashboard, use a structured workflow command to instantly produce cohesive color palettes, font pairings, and component styling guidance tailored to your project requirements.

Can I use this UI/UX guidance for cross-stack mobile app development?▼

Yes, you can use this UI/UX guidance for cross-stack mobile app development because it explicitly supports React Native, Flutter, and SwiftUI environments alongside web frameworks.

What is the best way to select accessible color palettes and typography?▼

The best way to select accessible color palettes and typography is to query a curated knowledge base of 97 color palettes and 57 font pairings evaluated against 99 UX guidelines and accessibility standards.

Does this design intelligence tool work with Tailwind and shadcn/ui?▼

Yes, this design intelligence tool works directly with Tailwind and shadcn/ui, providing multi-stack guidance for component planning and styling within these specific ecosystems.

How do I plan UI components for a landing page using a structured workflow?▼

Plan UI components for a landing page by executing a script that queries a knowledge base of UI primitives and styles, returning structured design-system decisions for your specific industry and keywords.