skills.rest
KumarAdi8
KumarAdi8COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI design systems with palettes, typography, and platform guidance.

Updated Aug 27, 2026
Search Tags:#typography#design#accessibility#react-native#ui-ux#swiftui#color-palette
One-click install
npx skills add https://github.com/KumarAdi8/AgentKit --skill ui-ux-pro-max-kumaradi8
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/KumarAdi8/AgentKit/tree/main/skills/ui-ux-pro-max
Command: npx skills add https://github.com/KumarAdi8/AgentKit --skill ui-ux-pro-max-kumaradi8

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides focused design intelligence to eliminate generic, forgettable UIs and speed up production-quality visual and interaction decisions across web and mobile projects. It reduces iteration time by offering concrete style directions, accessible palettes, typographic pairings, UX rules, and platform-specific guidance so teams can deliver consistent, memorable interfaces.

Core Features & Use Cases

  • Design system generation: Generate style direction, layout patterns, and component tokens tuned to product type (SaaS, e-commerce, portfolio, gaming, healthcare).
  • Visual language & palettes: Recommend one of 67 UI styles, curated color palettes, and 57 font pairings with accessible contrast guidance.
  • UX & accessibility rules: Apply priority-driven checks (contrast, touch targets, focus states, reduced motion, dynamic type) and pre-delivery accessibility validations.
  • Platform-specific guidance: Provide implementation notes for Web (Tailwind), SwiftUI, React Native, Android Jetpack Compose, and Flutter.
  • Review and optimization: Audit existing UIs for anti-patterns, performance, responsive layout issues, and animation best practices.
  • Pre-delivery checklist: Ensure visual quality, interaction fidelity, layout correctness, and accessibility before release.

Quick Start

Create a bold, production-ready landing page system for a B2B SaaS dashboard with an accessible navy/teal palette, a distinctive headline font paired with a refined body font, responsive layout rules, and a SwiftUI component mapping for primary components.

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

To generate a production-grade UI design system for a SaaS dashboard, you need style direction, layout patterns, and component tokens tuned to your product type. This process outputs curated color palettes, accessible font pairings, and platform-specific guidance for consistent interfaces.

What are the best accessible color palettes and font pairings for mobile apps?▼

Accessible color palettes and font pairings for mobile apps require strict contrast guidance and dynamic type support. Selecting from curated styles ensures accessible visual language, pairing distinctive headline fonts with refined body fonts while maintaining UX accessibility rules.

Can I get UI implementation guidance for SwiftUI and React Native?▼

Yes, you can get UI implementation guidance for SwiftUI and React Native. This approach provides platform-specific implementation notes and component mappings for Web (Tailwind), SwiftUI, React Native, Android Jetpack Compose, and Flutter to ensure correct visual execution.

How do I audit an existing UI for accessibility and responsive layout issues?▼

To audit an existing UI for accessibility and responsive layout issues, apply priority-driven checks covering contrast, touch targets, focus states, and reduced motion. This review identifies anti-patterns, performance bottlenecks, and animation issues before delivering a pre-delivery checklist.

When do I need a pre-delivery UX checklist for web and mobile interfaces?▼

You need a pre-delivery UX checklist for web and mobile interfaces when ensuring visual quality, interaction fidelity, layout correctness, and accessibility before release. It validates that priority-driven UX rules and platform-specific responsive layouts are fully implemented.

Related Skills

Explore More Design & Creative Skills→
SunshineMahiruSunshineMahiru

ui-ux-pro-max-skill-2.5.0

Generate UI/UX design systems with typography and color palettes for multiple platforms.

Community
Advanced
docaohieu2808docaohieu2808

mobile-development

Guide mobile app development across React Native, Flutter, SwiftUI, and Jetpack Compose.

Community
Advanced
daffy0208daffy0208
34

Figma Developer

Convert Figma designs into React components and design tokens.

Community
Intermediate
MesteriisMesteriis

ui-concept-first

Establish visual design direction for UI development using Figma and design systems.

Community
Advanced