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 akikungz-web-design-guidelines npx -- -y @trustedskills/akikungz-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"akikungz-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/akikungz-web-design-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill provides access to web design guidelines. It allows users to generate and adhere to best practices for creating effective and visually appealing websites, covering aspects like layout, typography, color palettes, and accessibility. The goal is to ensure designs are user-friendly and meet established standards.
When to use it
- Generating initial website mockups or prototypes.
- Reviewing existing web design concepts for adherence to best practices.
- Creating style guides for consistent branding across a website.
- Troubleshooting accessibility issues in current web designs.
- Ensuring new features align with established design principles.
Key capabilities
- Provides guidelines on layout and structure.
- Offers advice on typography selection and usage.
- Suggests appropriate color palettes for different contexts.
- Addresses website accessibility considerations.
Example prompts
- "Generate a basic web page layout following modern design trends."
- "What are some accessible font pairings for body text?"
- "Suggest a color palette for a website promoting sustainable living."
- "Review this mockup and identify any potential accessibility issues."
Tips & gotchas
The skill's effectiveness depends on providing clear context about the desired aesthetic or purpose of the web design. Be specific with your requests to receive more targeted and relevant guidance.
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.