skills.rest
Razisafir
RazisafirCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems, color palettes, and typography suggestions for web and mobile apps.

1|Updated Jun 1, 2026
Search Tags:#accessibility#design system#ui/ux#style guide#user experience
One-click install
npx skills add https://github.com/Razisafir/KOVIX --skill ui-ux-pro-max-razisafir
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Razisafir/KOVIX/tree/main/.claude/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Razisafir/KOVIX --skill ui-ux-pro-max-razisafir

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence for web and mobile applications, helping you make informed design decisions and ensure high-quality user experiences.

Core Features & Use Cases

  • Design System Generation: Generates a comprehensive design system based on user requirements and project type.
  • Style, Color, and Typography Recommendations: Offers tailored suggestions for styles, color palettes, and typography pairings.
  • UI/UX Best Practices: Provides guidelines and best practices for accessibility, performance, and user experience.
  • Integrations: Integrates with shadcn/ui MCP for component search and examples.
  • Use Case: Let's say you're building a SaaS dashboard. This Skill can help you choose the right design system, color palette, typography, and provide guidelines for UI components and interactions.

Quick Start

Use the ui-ux-pro-max skill to generate a design system for a SaaS dashboard project named 'MyProject'.

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 web or mobile application?▼

To generate a design system, you need to provide your project requirements and product type. The tool then outputs a comprehensive design system with tailored color palettes, typography, and UI component guidelines for your web or mobile application.

Can I get color palette and typography recommendations based on my specific industry?▼

Yes, color palette and typography recommendations are tailored to your specific industry. The tool applies reasoning rules based on your product type and industry to suggest appropriate styles, visual design patterns, and font pairings.

What UI/UX best practices does this use for accessibility and usability?▼

For accessibility and usability, it provides guidelines and best practices directly within the generated design system. These rules ensure your web and mobile UI components meet visual design and user experience standards for your project.

Do I need Python to use this UI/UX design intelligence tool?▼

Yes, you need Python installed in your environment to use this tool. It requires Python and specifically references the ui-ux-pro-max skill's script directory to execute its design system generation processes.

Does this design system generator work with shadcn/ui components?▼

Yes, it integrates directly with shadcn/ui MCP. This integration allows you to search for UI components and view examples, helping you apply the generated styles and patterns to actual interface elements.

Related Skills

Explore More Design & Creative Skills→
elizaOSelizaOS
19.0k

sherpa-onnx-tts

Generate speech audio files locally with sherpa-onnx and Node.js.

Official
Intermediate
Italo520Italo520

identidade-visual

Standardize color, typography, spacing, and component styling for Next.js Tailwind frontends.

Community
Basic
tylerbjones1504-hashtylerbjones1504-hash

ui-ux-pro-max

Generate design systems and searchable UI/UX recommendations for web and mobile apps.

Community
Advanced
StonelukasStonelukas

ui-ux-pro-max

Search UI/UX guidelines across nine stacks to assemble design systems.

Community
Advanced