skills.rest
fanguyun
fanguyunCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ui-ux-pro-max

Generate UI/UX design systems with style, color, typography, and chart recommendations.

Updated May 31, 2026
Search Tags:#typography#design system#ui/ux#color palette#ux design#ui design#technology stack#chart type
One-click install
npx skills add https://github.com/fanguyun/SkillManager --skill ui-ux-pro-max-fanguyun
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/fanguyun/SkillManager/tree/main/ui-ux-pro-max
Command: npx skills add https://github.com/fanguyun/SkillManager --skill ui-ux-pro-max-fanguyun

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, pandas, numpy, scikit-learn, matplotlib, pillow, opencv-python, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps you design web and mobile applications with expert recommendations and a searchable database, saving you time and improving your design process.

Core Features & Use Cases

  • Comprehensive Design Guide: Access a vast library of styles, color palettes, font pairings, UX guidelines, and chart types across various technology stacks.
  • Searchable Database: Find the perfect design elements for your project quickly.
  • Priority-Based Recommendations: Get personalized design suggestions based on your project's needs.
  • Design System Generation: Create a complete design system for your project with a single command.
  • Detailed Searches: Dive deeper into specific design elements like styles, colors, typography, and charts.
  • Implementation Guidelines: Get implementation-specific best practices for popular technology stacks.
  • Use Case: Imagine you need to create a landing page for a new SaaS product. Use this Skill to generate a comprehensive design system, including color palettes, typography, and layout suggestions, ensuring your landing page is both visually appealing and functional.

Quick Start

Generate a design system for a SaaS product landing page named "Serenity Spa" with the following command:

python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service" --design-system -p "Serenity Spa"

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/UX design system for a web app?▼

To generate a UI/UX design system, use the Skill to process your project requirements and output a comprehensive guide. It provides priority-based recommendations for web and mobile applications, including color palettes, typography, and chart suggestions based on a searchable database.

Can I get specific color palette and typography recommendations for different technology stacks?▼

Yes, you can get specific color palette and typography recommendations across various technology stacks. The Skill searches its internal database to provide implementation-specific best practices and detailed design elements tailored to your project's stack.

What is the best way to find UX guidelines and chart types for a SaaS landing page?▼

The best way to find UX guidelines and chart types is to run a detailed search using the Skill's script. It leverages a vast library of styles and design elements to output personalized, priority-based suggestions for your SaaS product.

Do I need Python and specific libraries to use this UI/UX design generator?▼

Yes, you need Python and several design-related libraries to execute this UI/UX design generator. The required dependencies include pandas, numpy, scikit-learn, matplotlib, pillow, and opencv-python to run the search scripts and generate recommendations.

How does the priority-based algorithm work for UX design suggestions?▼

The priority-based algorithm works by analyzing your project's specific needs and matching them against a vast database of design elements. It then outputs ranked UX design suggestions, ensuring the generated design system is tailored to your application's functional requirements.

Related Skills

Explore More Design & Creative Skills→
MubasherMohammedMubasherMohammed

proteomics-de

Automate differential expression analysis of proteomics data with Python libraries.

Community
Advanced
binfen1binfen1

ui-ux-pro-max

Plan and deliver UI/UX design systems for web and mobile projects.

Community
Advanced
pxlcrtivpxlcrtiv

ui-ux-pro-max

Generate design system recommendations for web and mobile applications across 10 technology stacks.

Community
Advanced
ali156666ali156666
1

ui-ux-pro-max

Generate design systems with color palettes, typography, and UI components.

Community
Advanced