ui-ux-pro-max

Generate design system recommendations for color schemes, typography, and styles.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/alykay1522/Dine-Details --skill ui-ux-pro-max-alykay1522
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/alykay1522/Dine-Details/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/alykay1522/Dine-Details --skill ui-ux-pro-max-alykay1522

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, search.py, ui-reasoning.csv, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, addressing the complexities of web and mobile application design, saving designers time and effort.

Core Features & Use Cases

  • Comprehensive Design Guide: Access a vast collection of UI/UX styles, color palettes, font pairings, and UX guidelines.
  • Actionable Recommendations: Generate design system recommendations based on user requirements, including color schemes, typography, and styles.
  • Use Case: When designing a new web page or mobile app, this Skill can help you decide on the best design system, color palette, and typography, ensuring a consistent and accessible user experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a landing page with the query 'landing page e-commerce'.

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 design system for a web or mobile application?

Generate a design system by querying the tool with your application requirements to receive actionable recommendations for color schemes, typography, and UX guidelines. This provides a comprehensive style guide ensuring consistent and accessible user experiences.

Can I get color palette and typography recommendations for a specific use case like an e-commerce landing page?

Yes, you can obtain color palette and typography recommendations for specific use cases like an e-commerce landing page by querying the tool with your project type. It returns actionable design system suggestions tailored to your stated requirements.

Do I need Python to use this UI/UX design guide tool?

Yes, you need Python installed to use this UI/UX design guide tool. It requires a Python environment and a CLI tool to execute search and reasoning operations over its internal design reference data.

What is the best way to ensure UI/UX accessibility and consistency across web and mobile platforms?

The best way to ensure accessibility and consistency is to apply a comprehensive design system covering typography, color palettes, and UX guidelines. This tool provides actionable recommendations based on your specific web and mobile design requirements.

How does the tool provide UX guidelines and design system recommendations?

The tool provides UX guidelines by using a Python-based CLI tool to search and reason over an internal CSV file of design references. It matches your query against this data to return specific color schemes, typography, and styles.

Are there limitations when using this tool for complex mobile app design systems?

Limitations include dependency on your local Python environment and the scope of the internal CSV design references. It generates recommendations based on existing style data, so highly niche or custom design patterns may require additional manual refinement.