Web Design Guidelines
Helps with web development, design, guidelines 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 ehmo-web-design-guidelines npx -- -y @trustedskills/ehmo-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"ehmo-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/ehmo-web-design-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides comprehensive web design guidelines to help AI agents create visually appealing and user-friendly websites. It includes best practices for layout, typography, color schemes, responsive design, and accessibility standards.
When to use it
- Designing a new website from scratch
- Improving the usability of an existing site
- Ensuring mobile responsiveness across devices
- Implementing accessible design for users with disabilities
Key capabilities
- Responsive design principles
- Accessibility guidelines (WCAG compliance)
- Typography and color theory recommendations
- Layout best practices for user experience
Example prompts
- "What are the best practices for creating a responsive layout?"
- "How can I ensure my website is accessible to users with visual impairments?"
- "Suggest a modern color scheme that works well on both light and dark modes."
Tips & gotchas
- Always test designs across multiple devices and browsers.
- Use tools like screen readers to validate accessibility features.
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.