ui-ux-pro-max

Name: ui-ux-pro-max
Availability: InStock
Author: sourman-dev

Search UI styles, palettes, typography, and stack-specific guidelines for design implementation.

Updated Jun 26, 2025

Search Tags:#typography #ui-ux #style-guide #design-systems #frontend-stacks #color-palettes #design-intelligence

Ready to run

npx skills add https://github.com/sourman-dev/mianix-userscript --skill ui-ux-pro-max-sourman-dev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/sourman-dev/mianix-userscript/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/sourman-dev/mianix-userscript --skill ui-ux-pro-max-sourman-dev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a searchable database of UI styles, color palettes, font pairings, charts, and stack-specific guidelines to accelerate design and implementation, while reducing guesswork.

Core Features & Use Cases

Searchable repositories of styles, palettes, typography, colors, and stack guidelines for common UI scenarios.
Step-by-step workflows: analyze requirements, select styles, and implement across stacks like html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter.
Quick-start templates: generate a design system scaffold for websites, dashboards, or mobile apps.

Quick Start

Prompt: "Design a modern landing page for a fintech product using Tailwind, including color palette, typography pairings, and component recommendations."

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 create a design system for a website or app across different frameworks?▼

Design systems establish scalable, reusable UI patterns. This Skill provides searchable repositories of styles, color palettes, typography pairings, and stack-specific guidelines for html-tailwind, React, Next.js, Vue, Svelte, SwiftUI, React Native, and Flutter, enabling you to scaffold and implement consistent designs across platforms.

Can I get color palette and typography recommendations for a specific project type?▼

Yes. This Skill generates color palette and typography pairings matched to your project context—landing pages, dashboards, or mobile apps—and delivers stack-specific component recommendations, eliminating guesswork in design decisions.

How do I implement UI/UX improvements on an existing website or dashboard?▼

Provide your current stack and use case. The Skill analyzes requirements, recommends style updates, color and typography adjustments, and delivers step-by-step implementation guidance tailored to your framework—React, Vue, Tailwind, or others.

Does this work with mobile app frameworks like React Native and Flutter?▼

Yes. This Skill covers UI/UX design guidance and implementation for React Native, SwiftUI, and Flutter, including stack-specific style guides, color palettes, and component patterns for cross-platform mobile development.

What's the best way to choose chart recommendations for dashboards?▼

The Skill provides searchable chart recommendations based on your data type and dashboard context, helping you select the right visualization and implement it with stack-specific guidelines for your chosen framework.

Can I use this to review and optimize existing UI/UX code?▼

Yes. The Skill reviews, fixes, and improves existing UI/UX implementations across stacks, identifying refactoring opportunities and providing structured recommendations to enhance design consistency and performance.