skills.rest
duynhne
duynhneCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Plan, build, and review UI/UX designs using a searchable UI styles database.

Updated Oct 17, 2025
Search Tags:#typography#ui-ux#design-system#style-guide#design-intelligence#color-palette
One-click install
npx skills add https://github.com/duynhne/monitoring --skill ui-ux-pro-max-duynhne
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/duynhne/monitoring/tree/main/.agent/skills/ui-ux-pro-max
Command: npx skills add https://github.com/duynhne/monitoring --skill ui-ux-pro-max-duynhne

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides a searchable database of UI styles, color palettes, font pairings, chart types, product recommendations, UX guidelines, and stack-specific best practices to accelerate design decisions and delivery.

Core Features & Use Cases

  • Extensive UI/UX assets: Access 50 UI styles, 21 color palettes, 50 font pairings, 20 chart types, and 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui) to inform design decisions.
  • Cross-platform design guidance: Plan UI for websites, dashboards, admin panels, e-commerce sites, SaaS apps, portfolios, blogs, and mobile apps.
  • Use Case: Quickly draft a cohesive design system and accessibility-compliant components by requesting style, typography, and layout recommendations.

Quick Start

Use this skill to generate a design plan, style guide, and component recommendations for your next UI project.

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 UI style guide for a SaaS dashboard?▼

This skill helps build a UI style guide for SaaS dashboards by searching a database of 50 UI styles, 21 color palettes, and 50 font pairings. It outputs recommendations for cohesive design systems and accessibility-compliant components tailored to dashboard layouts.

What are the best font pairings and color palettes for a React Native mobile app?▼

The best font pairings and color palettes for a React Native mobile app are found within this skill's database of 21 color palettes and 50 font pairings. It provides stack-aware guidance specifically for React Native to ensure visual consistency across mobile interfaces.

Can I get design system recommendations for Tailwind and shadcn/ui?▼

Yes, you can get design system recommendations for Tailwind and shadcn/ui. This skill provides stack-aware best practices and component guidance for nine specific stacks including Tailwind and shadcn/ui to accelerate your design delivery.

How do I choose the right chart types for an admin panel design?▼

To choose the right chart types for an admin panel design, this skill catalogs 20 different chart types alongside its UI styles database. It helps you select appropriate data visualizations that match your overall design system and UX guidelines.

Does this UI/UX design tool support Svelte and Flutter projects?▼

Yes, this UI/UX design tool supports Svelte and Flutter projects. It offers stack-aware design guidance and best practices for nine frameworks including Svelte, Flutter, React, Vue, Next.js, SwiftUI, and React Native.

Related Skills

Explore More Design & Creative Skills→
jfrometajfrometa

templates

Scaffold new projects using ready-made templates for multiple tech stacks.

Community
Basic
anhxuanphamanhxuanpham

ui-ux-pro-max

Generate UI/UX design guidance for frontend interfaces across multiple stacks.

Community
Advanced
ydnikolaevydnikolaev
8

ui-implementor

Generate Tailwind config, theming, and shadcn components from design tokens.

Community
Advanced
vurakitvurakit
56

ui-ux-pro-max

Generates design systems and stack-specific UI/UX recommendations for web/mobile apps.

Official
Advanced