skills.rest
JohnRobert-Olano
JohnRobert-OlanoCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate UI/UX design system recommendations for color, typography, and best practices.

2|Updated May 9, 2026
Search Tags:#typography#best practices#design system#ui/ux#color palette#ux design#ui design
One-click install
npx skills add https://github.com/JohnRobert-Olano/3DwebsiteContemporyWorld --skill ui-ux-pro-max-johnrobert-olano
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/JohnRobert-Olano/3DwebsiteContemporyWorld/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/JohnRobert-Olano/3DwebsiteContemporyWorld --skill ui-ux-pro-max-johnrobert-olano

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, scripts/search.py, scripts/core.py, scripts/design_system.py, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design guidance, optimizing your workflow and ensuring accessibility and best practices.

Core Features & Use Cases

  • Comprehensive Design Guide: Access 67 styles, 96 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types across 13 technology stacks.
  • Actionable Recommendations: Get priority-based recommendations for UI/UX design elements like color, typography, and animation.
  • Searchable Database: Find design resources, best practices, and technical details for any project.

Quick Start

Generate a design system for your project by running python3 skills/ui-ux-pro-max/scripts/search.py "beauty spa wellness service elegant" --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 create a design system for a web or mobile app?▼

You can generate a design system by running the Python search script with descriptive keywords and a project name, which queries a database of color palettes, typography, and UX guidelines to output structured recommendations.

What's the best way to find UI color palettes and font pairings for a specific brand style?▼

Search the database using descriptive brand keywords to match against 96 color palettes and 57 font pairings, returning tailored aesthetic guidelines and font recommendations for your specific style.

Do I need Python to generate UX design recommendations?▼

Yes, Python is required to execute the search and design system scripts that query the internal database and return structured UX design recommendations for your project.

Does this UI/UX tool provide accessibility and usability best practices?▼

Yes, it applies 99 UX guidelines to its design system recommendations, ensuring your web and mobile projects meet standard accessibility and usability best practices.

Can I get chart type recommendations for different technology stacks?▼

Yes, the database includes 25 chart types across 13 technology stacks, providing data visualization recommendations alongside style and UX guidelines to support your design system.

Related Skills

Explore More Design & Creative Skills→
tanyagraytanyagray

gitlab-setup

Install and configure the glab GitLab CLI with authentication and troubleshooting.

Community
Intermediate
guideopsguideops

shadcn

Implement Shadcn design system with typography, color palettes, and accessibility.

Community
Intermediate
VidyaBodepudiVidyaBodepudi
2

frontend-ui-engineering

Review web components for accessibility, responsiveness, and performance.

Community
Advanced
theGobindSinghtheGobindSingh
1

ui-ux-pro-max

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

Community
Advanced