skills.rest
CodeWithKarol
CodeWithKarolCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/CodeWithKarol/scale-sail-agency --skill ui-ux-pro-max-codewithkarol
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
VuNguyenVietTienVuNguyenVietTien

ui-ux-pro-max

Generates UI/UX design recommendations for web and mobile projects.

Community
Intermediate
maxrave-devmaxrave-dev
10.4k

ui-ux-pro-max

Search a database of UI styles, palettes, fonts, and stack-specific best practices.

Community
Intermediate
danghungtb26danghungtb26
3

ui-ux-pro-max

Generate design systems for web and mobile projects across nine technology stacks.

Community
Advanced
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced