ui-ux-pro-max

Generate a tailored UI/UX design system from design requirements.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides AI-assisted UI/UX design guidance and a comprehensive design-system generator to accelerate web and mobile design decisions, ensuring consistency and quality across projects.

Core Features & Use Cases

  • 50+ styles, 161 color palettes, 57 font pairings, 161 product types with reasoning rules, 99 UX guidelines, and 25 chart types across 10 technology stacks.
  • Searchable domain-driven recommendations to inform UI structure, color systems, typography, spacing, and motion.
  • Use cases include designing new pages (landing, dashboard, admin, mobile), refactoring UI components (buttons, forms, tables), choosing color schemes and typography, and reviewing UI code for accessibility and visual consistency.

Quick Start

Describe your UI task and run the design-system search to generate a tailored UI/UX 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 design system from product requirements?

To generate a design system, describe your UI task and run the design-system search to automatically produce a tailored specification including color tokens, typography scales, style rules, and per-page overrides.

Can I get color palette and font pairing recommendations for a specific product type?

Yes, you can get color palette and font pairing recommendations by searching domain-driven rules covering 161 color palettes, 57 font pairings, and 161 product types with specific reasoning for each selection.

What is the best way to review UI code for accessibility and visual consistency?

The best way to review UI code for accessibility is applying the Skill's 99 UX guidelines and reasoning rules to evaluate component structures, ensuring visual consistency and compliance across web and mobile platforms.

Does this design system generator support both web and mobile component libraries?

Yes, the design system generator supports both web and mobile platforms, allowing you to build reusable component libraries and apply tailored style rules across 10 different technology stacks.

How do I structure a new dashboard or landing page using a generated design system?

You can structure a new dashboard or landing page by applying the generated design-system specification, which provides searchable domain-driven recommendations for UI structure, spacing, motion, and per-page overrides.

What limitations exist when applying automated design tokens to existing UI components?

A key limitation is that while the generator outputs color tokens and typography scales, you must manually execute the master-overrides retrieval workflow via the included Python scripts to apply these tokens to existing UI components.