skills.rest
markky21
markky21COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with color palettes, typography, and accessibility guidelines.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill delivers AI-assisted UI/UX design intelligence to accelerate cohesive design systems across multiple stacks.

Core Features & Use Cases

  • 50+ styles, 21 color palettes, 50 font pairings, and 20 chart types across 9 tech stacks for rapid design system construction.
  • Priority-based UX guidelines and search-driven recommendations, including accessibility, performance, typography, and layout considerations.
  • Design-system generation with optional page-specific overrides to tailor rules for dashboards, landing pages, or product detail views; includes a master/override persistence workflow.

Quick Start

Example command: python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"

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 design system with color palettes and typography for my SaaS app?▼

To generate a design system, you define your project type and use the provided search script to instantly produce matching color palettes, font pairings, and UX guidelines for your SaaS app.

Can I create UX design guidelines for multiple tech stacks from a single source?▼

You can create UX design guidelines across 9 different tech stacks from a single source, ensuring cohesive design patterns for websites, dashboards, and mobile applications simultaneously.

What is the best way to apply accessibility guidelines to specific page overrides?▼

The best way to apply accessibility guidelines is by using the master and overrides persistence workflow, which allows you to set global rules and tailor specific constraints for individual landing pages or product views.

Does this UI/UX design tool support generating chart types and layouts for dashboards?▼

This UI/UX design tool supports generating 20 specific chart types and layout considerations optimized for dashboards, admin panels, and data visualization within your design system.

How many font pairings and styles are available for building a cohesive UI?▼

There are 50 font pairings and over 50 styles available for building a cohesive UI, allowing rapid visual construction tailored to your specific design requirements.

Related Skills

Explore More Design & Creative Skills→
ricardoalt1515ricardoalt1515

ui-ux-pro-max

Generate design systems and provide UI/UX guidance across React, Vue, and Flutter.

Community
Advanced
hathbangerhathbanger

brand-architect

Generate SVG logos, color palettes, and typography from a brand brief.

Community
Intermediate
giadaf-booshagiadaf-boosha
10

interactive-dashboard-builder

Generate interactive HTML dashboards with Chart.js and interactive filters.

Community
Intermediate
asubotaasubota

ui-ux-pro-max

Generate cohesive design systems with styles, colors, typography, and UX guidance.

Community
Advanced