ui-ux-pro-max

Generates design systems with palettes, typography and layout patterns for web apps.

Updated Jun 16, 2026
One-click install
npx skills add https://github.com/hramadhaan/arthakula-landingpage --skill ui-ux-pro-max-hramadhaan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/hramadhaan/arthakula-landingpage/tree/main/.agents/skills/ui-ux-pro-max
Command: npx skills add https://github.com/hramadhaan/arthakula-landingpage --skill ui-ux-pro-max-hramadhaan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python, BM25, reasoning-engine, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill enhances UI/UX design by providing comprehensive guidelines, best practices, and actionable recommendations across web and mobile platforms.

Core Features & Use Cases

  • Design Intelligence: Offers 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines, and 25 chart types.
  • Actionable Recommendations: Provides step-by-step instructions for planning, building, creating, designing, implementing, reviewing, fixing, improving, optimizing, enhancing, refactoring, and checking UI/UX code.
  • Use Case: For a web application project, use this Skill to generate a design system with color palettes, typography, and layout patterns aligned with best UX practices.

Quick Start

To generate a design system for a new web application, use the ui-ux-pro-max skill with the query 'web app design system'.

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 application?

To generate a web app design system, you need a tool that provides actionable recommendations for color palettes, typography, and layout patterns. This Skill outputs step-by-step UI/UX guidelines aligned with best practices.

What UI/UX guidelines are available for mobile design projects?

For mobile design, this Skill supplies 50+ styles, 161 color palettes, 57 font pairings, and 99 UX guidelines to optimize usability, accessibility, and performance across mobile applications.

Does this UI/UX design tool support React, Vue, Svelte, and SwiftUI?

Yes, this UI/UX design tool supports multiple tech stacks including React, Vue, Svelte, and SwiftUI, providing actionable recommendations for implementing and refactoring design code.

Do I need Python to use this UI/UX design recommendation engine?

Yes, you need Python installed because the Skill relies on a Python-based reasoning engine and implements BM25 search for efficient information retrieval during design system generation.

What is the best way to improve accessibility and performance in UI design?

The best way to improve accessibility and performance in UI design is to apply comprehensive UX guidelines covering style selection, layout, and color palettes, which this Skill provides automatically.

Why use a reasoning engine for UI/UX design system generation?

Using a reasoning engine for UI/UX design system generation ensures structured retrieval of 161 product types and 25 chart types, delivering optimized, actionable recommendations for web and mobile platforms.