skills.rest
sourman-dev
sourman-devCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

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
One-click install
npx skills add https://github.com/sourman-dev/mianix-userscript --skill ui-ux-pro-max-sourman-dev
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
luiztrilhaluiztrilha

ui-ux-pro-max

Generate design systems with color palettes, typography, and UX guidelines.

Community
Advanced
daffy0208daffy0208
34

UX Designer

Create information architecture, user flows, wireframes, and prototypes for digital products.

Community
Intermediate
Oscar-Ivan-SalasOscar-Ivan-Salas

tailwind-patterns

Standardize frontend styling with CSS-first Tailwind v4 patterns.

Community
Intermediate
sltc-devsltc-dev

ui-ux-pro-max

Generate design systems and search UI/UX guidelines across technology stacks.

Community
Advanced