Ui Ux Pro Max

🌐Community
by duc01226 · 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 duc01226-ui-ux-pro-max npx -- -y @trustedskills/duc01226-ui-ux-pro-max
2

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

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

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

About This Skill

What it does

Ui Ux Pro Max provides AI agents with searchable UI/UX design intelligence to assist in building frontend UIs and user experiences. It offers access to a database of 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks, and UX guidelines. The skill analyzes user requests, searches relevant domains for information, synthesizes results into cohesive designs and code, and provides stack-specific best practices.

When to use it

  • When designing a SaaS product with a playful style.
  • For creating a landing page requiring specific color palettes and typography.
  • To implement chart recommendations for a dashboard or analytics application.
  • When needing guidance on UX best practices and anti-patterns.
  • To ensure accessibility compliance (e.g., 4.5:1 contrast ratio) in light mode.

Key capabilities

  • Design Intelligence Database: Access to styles, palettes, font pairings, charts, product recommendations, UX guidelines, and stack-specific best practices.
  • Requirement Analysis: Extracts product type, style keywords, industry, and preferred technology stack from user requests.
  • Domain Search: Queries a search.py script across domains like product, style, typography, color, landing pages, charts, and UX.
  • Stack Guidelines: Provides best practices tailored to specific stacks (defaulting to html-tailwind).
  • Design & Code Synthesis: Combines search results into cohesive design and code implementations.

Example prompts

  • "Create a minimal style dashboard for a fintech application using React."
  • "Suggest font pairings for an elegant e-commerce website."
  • "What are some best practices for UX on a landing page?"
  • “I need a color palette for a healthcare SaaS product.”

Tips & gotchas

  • Task Creation is Essential: Always use TaskCreate to break down work into small tasks before starting, especially with larger files, to avoid context loss. The AI agent should ask the user if they want to skip this step for simpler requests.
  • Python Dependency: Requires Python 3 to be installed on the system. Follow the provided instructions for installation based on your operating system (macOS, Ubuntu/Debian, Windows).
  • Critical Thinking: The AI agent should apply critical thinking and verify claims with traced proof, aiming for a confidence level above 80%.

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
duc01226
Installs
31

🌐 Community

Passed automated security scans.