skills.rest
Claude-Code-Community-Ireland
Claude-Code-Community-IrelandOFFICIAL
Explore all skills by this author →
GitHub

ui-ux-pro-max

Generate design systems with styles, palettes, font pairings, and UX guidelines.

10|5|Updated Jan 29, 2026
Search Tags:#color palettes#accessibility#design system#ui/ux#web design#frontend development#mobile app design
One-click install
npx skills add https://github.com/Claude-Code-Community-Ireland/claude-code-resources --skill ui-ux-pro-max-claude-code-community-ireland
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-ux-pro-max
Source: https://github.com/Claude-Code-Community-Ireland/claude-code-resources/tree/main/plugins/vibeworks-library/skills/ui-ux-pro-max
Command: npx skills add https://github.com/Claude-Code-Community-Ireland/claude-code-resources --skill ui-ux-pro-max-claude-code-community-ireland

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides comprehensive UI/UX design intelligence, offering a vast library of styles, palettes, font pairings, and UX guidelines to create professional and user-friendly interfaces across various technology stacks.

Core Features & Use Cases

  • Design System Generation: Creates detailed design systems based on project requirements, including styles, colors, typography, and UX best practices.
  • Stack-Specific Guidance: Offers implementation advice for multiple tech stacks like React, Vue, Flutter, and more.
  • Use Case: When building a new SaaS dashboard, use this Skill to generate a professional design system, select an appropriate color palette, define typography, and ensure accessibility compliance, all tailored to the SaaS product type.

Quick Start

Generate a design system for a new e-commerce website using the command: python3 skills/ui-ux-pro-max/scripts/search.py "e-commerce website elegant" --design-system -p "My E-commerce Site"

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 application?▼

To generate a design system for a web application, use this Skill to produce project-specific styles, 97 color palettes, 57 font pairings, and 99 UX guidelines tailored to your application type and technology stack.

What is the best way to ensure UI accessibility when building a mobile app?▼

Ensuring UI accessibility for mobile apps involves applying the 99 UX guidelines provided here, which offer specific design intelligence to fix and optimize interfaces for compliance across various mobile technology stacks.

Can I use this UI/UX design intelligence tool with React and Vue?▼

Yes, you can use this UI/UX design intelligence tool with React and Vue, as it provides stack-specific implementation guidance and code refactoring across 9 different frontend technology stacks.

How do I select color palettes and font pairings for a SaaS dashboard?▼

You can select color palettes and font pairings for a SaaS dashboard by querying the Skill's library of 97 palettes and 57 font pairings to find combinations that match your project requirements and professional styles.

Does this tool integrate with shadcn/ui for component search?▼

Yes, this tool integrates directly with the shadcn/ui MCP to perform component searches, allowing you to seamlessly find and implement UI components during your design and development workflow.

What tech stacks are supported for frontend development design guidance?▼

Supported tech stacks for frontend development design guidance include 9 specific technologies such as React, Vue, and Flutter, providing targeted implementation advice and code optimization for each environment.

Related Skills

Explore More Design & Creative Skills→
devalexanderdazadevalexanderdaza

bmad-create-ux-design

Generates a comprehensive UX design specification through a structured 14-step collaborative workflow.

Community
Advanced
anukkrit149anukkrit149

frontend-design

Generate production-grade React/HTML/CSS frontend interfaces with cohesive typography, color, and motion.

Community
Advanced
Michae2xlMichae2xl

uiux-design-intelligence-5

Generate UI/UX design guidelines for web and mobile applications.

Community
Advanced
jabez4jcjabez4jc

ui-ux-pro-max

Generate design systems with styles, palettes, typography, and UX guidelines.

Community
Advanced