Ui Ux Guidelines
Helps with UI components, UX design, guidelines as part of agent workflows workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add ui-ux-guidelines npx -- -y @trustedskills/ui-ux-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"ui-ux-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/ui-ux-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides access to established UI/UX guidelines. It can be used to ensure designs adhere to best practices and accessibility standards. The skill aims to improve user experience by offering structured recommendations for interface design elements.
When to use it
- Generating initial design concepts for a new application or feature.
- Reviewing existing designs to identify potential usability issues.
- Ensuring compliance with accessibility guidelines (e.g., WCAG).
- Creating consistent user interfaces across multiple platforms.
- Troubleshooting user feedback related to interface confusion or difficulty.
Key capabilities
- Access to UI/UX best practices.
- Guidance on design principles and patterns.
- Accessibility recommendations.
- Interface element guidelines.
Example prompts
- "What are the recommended color contrast ratios for accessibility?"
- "Give me some examples of effective navigation patterns."
- "How should I structure a form to maximize usability?"
- “Provide UI/UX guidelines for designing buttons.”
Tips & gotchas
The skill's effectiveness depends on providing clear context about the design problem. Vague prompts may yield generic responses; be specific about the platform, target audience, and desired outcome.
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.