ui-ux-pro-max

Generate repeatable UI/UX design systems with patterns, palettes, typography, and accessibility rules.

1|1|Updated Feb 28, 2025

Search Tags:#typography #ui #accessibility #ux #design-system #color-palette #design-guidance

Ready to run

npx skills add https://github.com/maskelog/Daegu_bus_flutter_app --skill ui-ux-pro-max-maskelog

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/maskelog/Daegu_bus_flutter_app/tree/main/.cursor/skills/ui-ux-pro-max
Command: npx skills add https://github.com/maskelog/Daegu_bus_flutter_app --skill ui-ux-pro-max-maskelog

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Automates the planning and guidance for UI/UX design by generating a cohesive design system for web and mobile projects, reducing iteration time and ensuring consistent interfaces across platforms.

Core Features & Use Cases

Design System Generation: create patterns, color palettes, typography, accessibility rules, and component guidelines across React, Next.js, Vue, Svelte, Flutter, SwiftUI, React Native, and HTML-tailwind.
Cross-Stack Guidance: provides stack-agnostic design guidance that adapts to project requirements and team workflows.
Anti-Patterns & Best Practices: highlights common pitfalls and recommended practices for scalable UI development.
Use Case: launch a new SaaS dashboard with accessible components, consistent typography, and a color system aligned to brand.

Quick Start

Analyze your project requirements and ask the AI to generate a complete UI/UX design system with patterns, colors, typography, and accessibility rules.

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 cross-platform mobile and web projects?▼

To generate a UI/UX design system for cross-platform projects, analyze your requirements and prompt the AI to create cohesive patterns, color palettes, typography, and accessibility rules across React, Vue, Svelte, Flutter, SwiftUI, and HTML-tailwind.

What is included in a generated design system for SaaS dashboards?▼

A generated design system for SaaS dashboards includes structured output covering component patterns, accessible color palettes, typography rules, and anti-patterns to ensure consistent UI development across your chosen tech stack.

Can I use this design guidance with React Native and SwiftUI stacks simultaneously?▼

Yes, this design guidance supports React Native and SwiftUI simultaneously by providing stack-agnostic UI/UX rules that adapt to project requirements, ensuring consistent interfaces across both mobile platforms.

How do I prevent UI inconsistency when building components across different frameworks?▼

You prevent UI inconsistency across frameworks by applying a repeatable design system with hierarchical retrieval, which delivers tailored patterns, accessibility rules, and anti-patterns to align interfaces across different tech stacks.

Does the generated design system include accessibility rules and anti-patterns?▼

Yes, the generated design system includes specific accessibility rules and highlights common anti-patterns alongside best practices to ensure scalable and inclusive UI development for your web and mobile applications.