skills.rest
meet1075
meet1075COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design systems for web and mobile apps across React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, and shadcn/ui.

1|Updated Feb 7, 2026
Search Tags:#typography#ui#accessibility#ux#design-system#color-palette#component-library
One-click install
npx skills add https://github.com/meet1075/hackathon --skill ui-ux-pro-max-meet1075
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/meet1075/hackathon/tree/main/chatbot/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/meet1075/hackathon --skill ui-ux-pro-max-meet1075

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX design complexity across web and mobile is streamlined with a robust design intelligence that provides patterns, styles, palettes, typography, and practical guidelines to speed up delivery while maintaining quality.

Core Features & Use Cases

  • 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 9 technology stacks.
  • Searchable design system with priority-based recommendations, domain searches, and reusable components for websites, dashboards, and mobile apps.
  • Use case: When starting a new product, generate a complete design system and page templates to accelerate prototyping and ensure design consistency.

Quick Start

Ask the design assistant to generate a complete UI design system for your product by providing product type, industry, and style keywords.

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 complete UI design system for a new web or mobile app?▼

To generate a UI design system, provide your product type, industry, and style keywords to the assistant. It outputs a comprehensive system with 97 color palettes, 57 font pairings, and reusable components tailored to your application.

Does this UI design system support React Native and Flutter for mobile experiences?▼

Yes, the UI design system supports mobile experiences across React Native and Flutter. It enforces multi-stack compatibility, providing specific component patterns, styles, and accessibility rules for nine technology stacks including SwiftUI.

What's the best way to ensure accessibility rules are followed in my component library?▼

The best way to ensure accessibility is to apply the built-in UX guidelines, which enforce accessibility rules directly within the generated component library. This provides 99 specific UX rules and domain-specific overrides for compliance.

Can I use this design intelligence to build dashboards with Tailwind and shadcn/ui?▼

Yes, you can build dashboards using Tailwind and shadcn/ui. The design intelligence provides searchable patterns, 25 chart types, and reusable components specifically optimized for dashboards across these frameworks.

How do I select the right typography and color palette for my website?▼

Select typography and color palettes by searching the curated database of 57 font pairings and 97 color combinations. The system provides priority-based recommendations and domain searches to match your website's specific industry and style.

Are there limitations when applying a single design system across both Vue and Svelte?▼

There are no inherent limitations applying a design system across Vue and Svelte. The intelligence enforces multi-stack compatibility, ensuring consistent styles, palettes, and typography guidelines translate effectively across both frameworks.

Related Skills

Explore More Design & Creative Skills→
koki3141koki3141
2

ui-ux-pro-max

Generate design systems for UI/UX projects using Python scripts.

Community
Advanced
kftofkftof

ui-kit-to-code

Convert hi-fi HTML UI kit screens into framework-native code.

Community
Advanced
krzemienskikrzemienski
2

ck:ui-ux-pro-max

Generate cohesive UI/UX design systems with patterns, colors, typography, and accessibility guidance.

Community
Advanced
abrahamgreysonabrahamgreyson

gsd:reference:ui-brand

Apply UI and branding guidelines to GSD projects.

Community
Intermediate