Tool Ui Ux Pro Max

Name: Tool Ui Ux Pro Max
Author: heyvhuang

🌐Community

by heyvhuang · 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.

Run in terminal (recommended)

terminal

claude mcp add tool-ui-ux-pro-max npx -- -y @trustedskills/tool-ui-ux-pro-max

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

~/.claude/settings.json

{
  "mcpServers": {
    "tool-ui-ux-pro-max": {
      "command": "npx",
      "args": [
        "-y",
        "@trustedskills/tool-ui-ux-pro-max"
      ]
    }
  }
}

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

About This Skill

What it does

Tool Ui Ux Pro Max is a lookup tool designed to help with UI component selection and UX design considerations when building frontend user interfaces. It doesn't generate pages directly, but instead provides concrete inputs like palette tokens, typography pairings, UX constraints, and stack-specific implementation notes that can be used to inform the creation of design systems, UI refactor plans, or review checklists. This tool is particularly useful for addressing issues where a UI "looks good but feels broken."

When to use it

When designing or improving a user interface, especially when needing specific design inputs.
To quickly find typography pairings and associated CSS import instructions.
For identifying color palette tokens (in Hex format) suitable for different industries like SaaS or fintech.
To get recommendations on landing page structure and call-to-action placement.
When seeking chart type suggestions for dashboards.

Key capabilities

Domain Search: Retrieves design inputs based on categories such as product, style, typography, color, landing pages, charts, UX/accessibility, and prompts.
Stack Search: Provides implementation constraints and solutions tailored to specific frontend stacks (html-tailwind, react, nextjs, vue, svelte, swiftui, react-native, flutter).
Input Identification: Guides users in identifying key inputs like product type, tone keywords, industry, and stack.

Example prompts

"Find typography pairings with an elegant and professional feel."
"Show me color palette tokens suitable for a SaaS application."
"What are some recommendations for landing page structure?"
"Suggest chart types for visualizing trends in a dashboard."

Tips & gotchas

Python Requirement: This tool requires Python 3 to be installed and accessible on your system. Ensure python3 --version or python --version returns a valid version number.
Lookup Tool Only: Remember that this is a lookup tool; it doesn't generate complete UI designs or code. The results need to be synthesized into design systems or other deliverables.
Stack Selection: If no stack is specified, the tool defaults to html-tailwind.

View Repository →

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 Hub	Pass
Socket	Pass
Snyk	Pass

Details

Version: vlatest
License
Author: heyvhuang
Installs: 30

Repository (canonical source) →

🌐 Community

Passed automated security scans.