Ui Ux Pro Max
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)
claude mcp add duc01226-ui-ux-pro-max npx -- -y @trustedskills/duc01226-ui-ux-pro-max
Or manually add to ~/.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.pyscript 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 Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.