skills.rest
yash-7575
yash-7575COMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design recommendations for web and mobile applications.

Updated Mar 15, 2026
Search Tags:#mobile design#web design#ux design#ui design#design resources#style guides
One-click install
npx skills add https://github.com/yash-7575/all --skill ui-ux-pro-max-yash-7575
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/yash-7575/all/tree/main/skills%20copy/ui-ux-pro-max
Command: npx skills add https://github.com/yash-7575/all --skill ui-ux-pro-max-yash-7575

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pandas, matplotlib, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill streamlines the UI/UX design process for web and mobile applications, offering tools, resources, and guidelines to optimize design and development efficiency.

Core Features & Use Cases

  • Comprehensive Design Tools: Access to over 50 styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types.
  • Action Recommendations: Get step-by-step guidance on planning, building, designing, implementing, reviewing, and enhancing UI/UX.
  • Project Examples: Includes guidelines for website design, landing pages, dashboards, admin panels, e-commerce, SaaS, and mobile apps.
  • Design Elements: Offers advice on buttons, modals, navigation bars, sidebars, cards, tables, forms, and charts.
  • Design Styles: Guidance on glassmorphism, claymorphism, minimalism, brutalism, neumorphism, and more.
  • Design Topics: Covers color systems, accessibility, animation, layout, typography, font pairing, spacing, interaction states, and gradients.
  • Integrations: Incorporates the shadcn/ui MCP for component search and examples.
  • Use Case: When developing a new UI/UX, this Skill can provide design recommendations, style choices, and code snippets for various components and interactions.

Quick Start

Use the ui-ux-pro-max skill to generate design recommendations for a new e-commerce website.

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 find the right color palettes and typography pairings for a new web design?▼

To find the right color palettes and typography pairings for web design, this resource provides 161 color palettes and 57 font pairings. It offers actionable advice on color systems, spacing, and typography to optimize your design efficiency.

Can I get step-by-step UI component examples for building a mobile app dashboard?▼

Yes, you can get step-by-step UI component examples for building a mobile app dashboard. It provides specific guidelines for dashboards, admin panels, and mobile apps, including actionable advice on buttons, modals, navigation bars, and tables.

Does this UI design resource require Python and specific dependencies to execute?▼

Yes, this UI design resource requires Python for execution. It specifically depends on Python, pandas, and matplotlib to process its comprehensive suite of design resources and generate actionable recommendations.

What is the best way to choose a UI design style like glassmorphism or neumorphism for my project?▼

The best way to choose a UI design style like glassmorphism or neumorphism is to use the provided style guides. It offers guidance on over 50 styles, including brutalism and minimalism, covering topics from accessibility to interaction states.

How do I plan and implement UX guidelines for an e-commerce website?▼

To plan and implement UX guidelines for an e-commerce website, this resource offers 99 UX guidelines across planning, building, designing, and reviewing phases. It includes specific project examples and design recommendations for e-commerce platforms.

Can I use shadcn/ui components with this system for web design?▼

Yes, you can use shadcn/ui components with this system for web design. It incorporates the shadcn/ui MCP for component search and examples, providing code snippets and design recommendations for various interactions and elements.

Related Skills

Explore More Design & Creative Skills→
cassm199-mitacassm199-mita

python-diagrams

Generate diagrams and charts from Python scripts using matplotlib, diagrams, and graphviz.

Community
Intermediate
melandlabsmelandlabs
909

ui-ux-pro-max

Generate design systems for web and mobile applications.

Official
Advanced
sumik5sumik5
2

mcp-shadcn

Search and add shadcn/ui components to React/Next.js projects.

Community
Intermediate
Michal-J-KolodziejMichal-J-Kolodziej

ui-ux

Generate UI/UX design systems with style libraries, palettes, typography, and guidelines.

Community
Advanced