ui-ux-pro-max

Automate UI/UX design guidance and consistency checks for web and mobile interfaces.

Updated Mar 25, 2026
One-click install
npx skills add https://github.com/Shaarav4795/ScholarFlow --skill ui-ux-pro-max-shaarav4795
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Shaarav4795/ScholarFlow/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Shaarav4795/ScholarFlow --skill ui-ux-pro-max-shaarav4795

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Streamlines web and mobile UI/UX decision-making by providing a centralized, data-informed design toolkit that ensures consistency, accessibility, and brand alignment.

Core Features & Use Cases

  • Extensive design library: 50+ styles, 161 color palettes, 57 font pairings, and 25 chart types across 10 stacks to accelerate decisions.
  • Policy-driven design guidance: explicit rules for accessibility, layout, typography, color, motion, and interaction quality.
  • Practical workflows: design new pages, refactor components, audit UI code, and align cross-platform experiences.

Quick Start

Ask the AI to generate a complete UI/UX design system for a SaaS dashboard following the included guidelines.

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 UI/UX design system for a web or mobile interface?

A UI/UX design system provides centralized, data-informed guidance for web and mobile interfaces to ensure consistency, accessibility, and brand alignment. It applies explicit rules for layout, typography, color palette, motion, and interaction quality across multiple stacks.

Can I use this to audit accessibility and check UI consistency across multiple stacks?

Yes, you can audit accessibility and check UI consistency across multiple stacks. The system evaluates your web and mobile interfaces against policy-driven design guidance to ensure compliance and cross-platform experience alignment.

How do I select a color palette and typography for my design system?

Select a color palette and typography by leveraging an extensive design library containing 161 color palettes and 57 font pairings. This library accelerates decision-making and ensures your choices align with accessibility and brand policies.

What's the best way to refactor components and design new pages?

The best way to refactor components and design new pages is by following the provided practical workflows. These workflows apply data-informed design guidance to refine components, audit UI code, and align cross-platform experiences across 10 stacks.

Does this design guidance work for both web and mobile platforms?

Yes, the design guidance works for both web and mobile platforms. It conforms to a frontmatter-driven skill structure and applies policy-driven rules for accessibility, layout, and interaction quality across multiple stacks to align cross-platform experiences.