ui-ux-pro-max

Generate design systems and UI component guidelines for web and mobile applications.

Updated Mar 19, 2026
One-click install
npx skills add https://github.com/Icekole/my-opencode --skill ui-ux-pro-max-icekole
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Icekole/my-opencode/tree/main/skills
Command: npx skills add https://github.com/Icekole/my-opencode --skill ui-ux-pro-max-icekole

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill unit addresses the challenge of designing intuitive, accessible, and aesthetically pleasing UI/UX for web and mobile applications, providing comprehensive guidance and actionable recommendations.

Core Features & Use Cases

  • Design System Generation: Offers tailored design systems for various product types and industries.
  • Component Creation and Refactoring: Assists in creating and refining UI components like buttons, modals, and forms.
  • Color, Typography, and Layout Guidance: Provides extensive guidelines for selecting and applying color schemes, typography, and layout systems.
  • Performance, Accessibility, and UX Best Practices: Ensures design choices adhere to best practices, performance standards, and accessibility requirements.

Quick Start

To initiate a design system for a fintech app, type: start_design_system fintech finance

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 design system for a specific industry like fintech?

To generate a design system, provide your product type and industry context. The tool outputs tailored design systems covering 50+ styles, 161 color palettes, and 57 font pairings for web and mobile applications.

What UX best practices should I follow for accessible mobile applications?

Accessible mobile applications should adhere to 99 specific UX guidelines covering performance standards and accessibility requirements. These ensure intuitive navigation and compliance across 10 supported technology stacks.

Can I use this to refactor existing UI components like buttons and forms?

Yes, you can refactoring existing UI components like buttons, modals, and forms. It provides actionable guidelines to refine and create components that align with established design systems and best practices.

Do I need Python3 installed to use this UI/UX design guidance tool?

Yes, Python3 is a required dependency to run this tool. You need a Python3 environment installed to execute the scripts that generate design systems and component guidelines.

What's the best way to choose a color palette and typography for my web app?

The best way to choose colors and typography is leveraging the provided database of 161 color palettes and 57 font pairings. It offers extensive guidelines for selecting and applying schemes that match your product type.

Does this cover data visualization and chart types for product design?

Yes, it covers data visualization by including guidelines for 25 chart types. This helps you select appropriate visualizations across 161 product types and 10 technology stacks.