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 akiojin-web-design-guidelines npx -- -y @trustedskills/akiojin-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"akiojin-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/akiojin-web-design-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, akiojin-web-design-guidelines, provides a set of guidelines and best practices for creating effective and visually appealing websites. It aims to help users generate web design concepts that adhere to modern standards and accessibility principles. The skill focuses on providing structured advice rather than generating complete designs directly.
When to use it
- Generating initial website layout ideas based on specific requirements (e.g., "a landing page for a SaaS product").
- Reviewing existing website drafts for adherence to design best practices.
- Creating style guides or documentation for web development teams.
- Brainstorming color palettes and typography choices for a new project.
Key capabilities
- Provides guidance on layout and structure.
- Offers advice on visual hierarchy and user experience (UX).
- Suggests accessibility best practices.
- Covers principles of modern web design.
Example prompts
- "Give me guidelines for designing a responsive e-commerce website."
- "What are some key considerations for creating accessible forms?"
- "Suggest color palettes suitable for a professional services website."
Tips & gotchas
The skill provides guidance, not complete designs. You'll need to combine its suggestions with your own design skills or tools to create the final product.
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.