skills.rest
Prorise-cool
Prorise-coolCOMMUNITY
Explore all skills by this author →
GitHub

ui-ux-pro-max

Provide UI/UX design recommendations for web and mobile applications.

24|3|Updated Jan 24, 2026
Search Tags:#typography#design system#ui/ux#color palette#user experience#tailwind css#frontend development
One-click install
npx skills add https://github.com/Prorise-cool/prorise-claude-skills --skill ui-ux-pro-max-prorise-cool
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Prorise-cool/prorise-claude-skills/tree/main/.claude/skills/design-specialist/references/domains/ui-design
Command: npx skills add https://github.com/Prorise-cool/prorise-claude-skills --skill ui-ux-pro-max-prorise-cool

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive guidance and best practices for UI/UX design, ensuring professional, user-friendly, and technically sound digital interfaces.

Core Features & Use Cases

  • Design System Generation: Offers recommendations for styles, color palettes, typography, and layouts tailored to specific product types and industries.
  • Technical Implementation: Provides stack-specific advice (e.g., Tailwind CSS, React) for implementing designs effectively.
  • Use Case: When designing a new e-commerce website, use this Skill to get recommendations on modern UI styles, appropriate color schemes for conversion, and font pairings that convey trust and elegance, along with Tailwind CSS code snippets for implementation.

Quick Start

Use the ui-ux-pro-max skill to get design recommendations for a fintech dashboard.

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 create a design system with the right color palette and typography?▼

Creating a design system involves defining cohesive color palettes and typography that align with your product type. This Skill provides tailored recommendations for styles, fonts, and layouts to ensure visually appealing interfaces.

What's the best way to implement UI/UX design recommendations using Tailwind CSS?▼

Implementing UI/UX design recommendations with Tailwind CSS is streamlined through stack-specific advice. This Skill provides Tailwind CSS code snippets and technical implementation details to effectively build your layouts.

Can I get UI/UX recommendations tailored for a specific industry like fintech or e-commerce?▼

Yes, you can get UI/UX recommendations tailored for specific industries like fintech or e-commerce. The Skill offers design system generation focused on styles and colors suited to your product's conversion goals.

Does this tool provide frontend development guidance for mobile and web applications?▼

Yes, it provides frontend development guidance for mobile and web applications. The searchable knowledge base covers layout, style, and stack-specific implementation details to ensure technically sound interfaces.

How do I choose fonts and color schemes that convey trust for an e-commerce website?▼

Choosing fonts and color schemes for trust involves selecting pairings that convey elegance and reliability. This Skill offers recommendations on appropriate color schemes and typography tailored for e-commerce conversion.

What are the limitations of using automated design system generation?▼

Automated design system generation provides baseline recommendations for styles and layouts but requires manual refinement. The Skill facilitates creating accessible interfaces, but you must validate user experience against specific accessibility constraints.

Related Skills

Explore More Design & Creative Skills→
Mysense775Mysense775

ui-ux-pro-max

Generate design systems and React components from natural language descriptions.

Community
Advanced
tenzirtenzir
2

styling-tenzir-ui

Provide Tenzir design system tokens and CSS component specifications for UI styling.

Official
Basic
doanchienthangdevdoanchienthangdev
4

advanced-ui-design

Apply the BRSP framework to design user interfaces with color, typography, and micro-interactions.

Community
Advanced
daudaudinangdaudaudinang

ui-ux-pro-max

Index and retrieve UI/UX design guidance by ranking style guides with a BM25 engine.

Community
Advanced