Ui Ux Pro Max

🌐Community
by bmad-labs · vlatest · Repository

Helps with UI components, UX design as part of building frontend UIs and user experiences workflows.

Install on your platform

We auto-selected Claude Code based on this skill’s supported platforms.

1

Run in terminal (recommended)

terminal
claude mcp add bmad-labs-ui-ux-pro-max npx -- -y @trustedskills/bmad-labs-ui-ux-pro-max
2

Or manually add to ~/.claude/settings.json

~/.claude/settings.json
{
  "mcpServers": {
    "bmad-labs-ui-ux-pro-max": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/bmad-labs-ui-ux-pro-max"
      ]
    }
  }
}

Requires Claude Code (claude CLI). Run claude --version to verify your install.

About This Skill

What it does

The Ui Ux Pro Max skill provides a comprehensive design guide for web and mobile applications, acting as an intelligent resource for frontend development workflows. It offers a searchable database containing over 50 styles, numerous color palettes and font pairings, UX guidelines, and chart types across various technology stacks. This skill helps AI agents make informed decisions related to UI component creation, UX improvements, and accessibility implementation.

When to use it

This skill is helpful when:

  • Designing new UI components or pages.
  • Selecting appropriate color palettes and typography.
  • Reviewing code for potential UX issues.
  • Building landing pages or dashboards.
  • Ensuring compliance with accessibility requirements.

Key capabilities

  • Provides a searchable database of design elements (styles, colors, fonts).
  • Offers 99 UX guidelines.
  • Includes 25 chart types.
  • Categorizes rules by priority (Critical, High, Medium, Low) across domains like Accessibility, Touch & Interaction, Performance, and Typography & Color.
  • Provides specific recommendations for accessibility best practices (e.g., color contrast ratios, alt text).

Example prompts

  • "What are some recommended font pairings?"
  • "Show me guidelines related to touch target sizes."
  • "Suggest a chart type suitable for displaying sales data over time."
  • "What is the minimum acceptable color contrast ratio for body text?"

Tips & gotchas

  • The skill relies on searching its database, so be specific with your requests.
  • Priorities are assigned to design categories (Critical, High, Medium, Low), indicating their relative importance. Accessibility and Touch & Interaction are flagged as Critical.
  • Requires Python 3 to be installed for CLI tool usage (though the skill's functionality isn’t explicitly described).

Tags

🛡️

TrustedSkills Verification

Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.

Security Audits

Gen Agent Trust HubPass
SocketPass
SnykPass

Details

Version
vlatest
License
Author
bmad-labs
Installs
30

🌐 Community

Passed automated security scans.