ui-ux-pro-max

Generate design systems and UI/UX guidance for web and mobile applications.

Updated Dec 5, 2025
One-click install
npx skills add https://github.com/antony-jip/sign-company --skill ui-ux-pro-max-antony-jip
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/antony-jip/sign-company/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/antony-jip/sign-company --skill ui-ux-pro-max-antony-jip

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides comprehensive intelligence for UI/UX design, ensuring professional, user-friendly, and accessible interfaces across various technology stacks.

Core Features & Use Cases

  • Design System Generation: Create tailored design systems based on product type, industry, and keywords.
  • Style & Component Guidance: Offers recommendations for over 50 styles, 161 color palettes, and 57 font pairings.
  • UX Best Practices: Enforces 99 UX guidelines covering accessibility, performance, interaction, and more.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a complete design system, including color palettes, typography, and layout recommendations, ensuring a professional and user-friendly experience.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a 'fintech mobile app'.

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 tailored design system by specifying your product type, industry, and keywords to receive comprehensive recommendations for color palettes, typography, and layout guidelines. This ensures a consistent visual language across your application.

What color palettes and font pairings are recommended for a fintech mobile app?

For a fintech mobile app, you can access 161 curated color palettes and 57 font pairings to ensure professional and accessible interfaces. These selections are tailored to match industry standards and user expectations.

How can I check my UI code for accessibility and UX best practices?

Check your UI code by applying 99 enforced UX guidelines covering accessibility, performance, and interaction. The review process identifies design flaws and provides actionable recommendations to improve user experience.

Does this UI/UX design guidance support integration with component libraries like shadcn/ui?

Yes, the design guidance integrates with shadcn/ui MCP to search and implement UI components directly. This allows you to match selected design systems with accessible, pre-built components across 10 technology stacks.

What's the best way to select a visual style for a SaaS dashboard?

Select a visual style for a SaaS dashboard by leveraging recommendations across over 50 distinct UI styles. The system matches your product type and industry context to deliver a cohesive and user-friendly aesthetic.

Can I use this tool to refactor and optimize existing web design components?

Yes, you can refactor and optimize existing web design components using targeted actions like improve, enhance, and fix. This process updates your UI to align with modern UX guidelines and accessibility standards.