ui-ux-pro-max

Provides UI/UX design recommendations for multiplatform projects including web and mobile apps.

Updated Dec 16, 2025
One-click install
npx skills add https://github.com/nguyenvanlinh1902/trackingSolar --skill ui-ux-pro-max-nguyenvanlinh1902
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/nguyenvanlinh1902/trackingSolar/tree/main/.opencode/skill/ui-ux-pro-max
Command: npx skills add https://github.com/nguyenvanlinh1902/trackingSolar --skill ui-ux-pro-max-nguyenvanlinh1902

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

UI/UX Pro Max consolidates design guidelines and actionable UX patterns across multiple stacks to speed up consistent UI decisions.

Core Features & Use Cases

It offers a searchable design system with color, typography, layout, and component recommendations for websites, dashboards, and mobile apps, usable across HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui stacks.

Quick Start

Provide a complete UI/UX design system plan for a project, covering style, color, typography, and 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 complete UI design system plan for multi-stack projects?

Generate a complete UI design system plan by defining structured metadata for color palettes, typography, and components. This approach enforces deterministic outputs and repeatable practices across HTML/Tailwind, React, Next.js, Vue, and Svelte stacks.

Can I apply the same UX design guidelines to both web and mobile app interfaces?

Apply the same UX design guidelines to both web and mobile app interfaces. The system supports website and mobile app design tasks across SwiftUI, React Native, and Flutter, ensuring consistent layout and component recommendations.

Does this UI component library approach work with shadcn/ui?

This UI component library approach works directly with shadcn/ui. It provides actionable component recommendations and layout patterns specifically tailored for shadcn/ui alongside other multi-stack frameworks.

What's the best way to fix inconsistent color and typography across different frontend frameworks?

Fix inconsistent color and typography by consolidating design guidelines into a searchable system with structured domain-specific data sources. This enforces repeatable practices and deterministic outputs across all your frontend frameworks.

How do I review and optimize existing interfaces using a design system?

Review and optimize existing interfaces by applying consolidated design guidelines and actionable UX patterns. The system supports reviewing, fixing, and optimizing interfaces by enforcing structured metadata and domain-specific data sources.

What limitations exist when generating design systems for unsupported frameworks?

Limitations arise when generating design systems for unsupported frameworks outside of the specified multi-stack support. The system covers HTML/Tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, and shadcn/ui exclusively.