ck:ui-ux-pro-max

Generates design system recommendations for web and mobile interfaces.

1|Updated Jun 16, 2026
One-click install
npx skills add https://github.com/TNHoang2708/Gym_Ver2 --skill ck-ui-ux-pro-max-tnhoang2708
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ck:ui-ux-pro-max
Source: https://github.com/TNHoang2708/Gym_Ver2/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/TNHoang2708/Gym_Ver2 --skill ck-ui-ux-pro-max-tnhoang2708

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python3, ui-ux-pro-max, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the complexities of UI/UX design by providing a comprehensive set of guidelines, styles, and tools, enabling designers and developers to create professional and accessible interfaces with ease.

Core Features & Use Cases

  • Comprehensive Guidelines: Offers 99 UX guidelines, 25 chart types, and 10 design stack recommendations.
  • Design Intelligence: Includes 50+ styles, 161 color palettes, 57 font pairings, and 161 product types.
  • Actionable Recommendations: Provides actionable advice for UI/UX tasks like planning, building, designing, implementing, reviewing, and optimizing.
  • Use Case: A designer is tasked with creating a new e-commerce website. This Skill offers design system recommendations, color palettes, typography, and UX guidelines tailored to e-commerce.

Quick Start

Generate a design system for an e-commerce website using the ui-ux-pro-max skill with the following command: python3 skills/ui-ux-pro-max/scripts/search.py "e-commerce" --design-system -p "E-Commerce Portal" --persist

Frequently Asked Questions about ck: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 interface?

You can generate a design system by running a Python script with your product type, which outputs actionable UI guidelines, color palettes, and font pairings. This skill provides 99 UX guidelines and 161 color palettes for professional web and mobile interfaces.

What UX guidelines should I follow when planning an e-commerce website?

When planning an e-commerce website, you should follow actionable UX guidelines covering structure, visual design, and quality control. This skill provides tailored recommendations including 25 chart types and 10 design stack options for e-commerce portals.

Do I need Python to generate color palettes and font pairings?

Yes, a Python environment is required to run the scripts that generate color palettes and font pairings. The skill relies on Python to process design queries and output 161 color palettes and 57 font pairings for your interface.

Can I get UI design recommendations for 161 different product types?

Yes, this skill provides design recommendations for 161 specific product types, outputting matching visual styles, color palettes, and UX guidelines. You can query your specific product context to receive tailored UI and interaction patterns.

What is the best way to ensure accessibility in UI/UX design?

To ensure accessibility, apply comprehensive UX guidelines and interaction patterns during the design and review phases. This skill provides 99 actionable UX guidelines and quality control recommendations to help create accessible professional interfaces.