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 aatrooox-web-design-guidelines npx -- -y @trustedskills/aatrooox-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"aatrooox-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/aatrooox-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 authored by aatrooox on blog.zzao.club. It allows AI agents to retrieve and apply these guidelines, ensuring consistency and adherence to established design principles. The skill aims to improve the quality and professionalism of generated web content.
When to use it
- Generating website mockups or prototypes: Ensure designs align with aatrooox's established style guide.
- Creating marketing materials for websites: Maintain brand consistency across all online assets.
- Auditing existing website design: Identify areas where the current design deviates from best practices.
- Developing new web pages or sections: Guarantee adherence to pre-defined design standards.
Key capabilities
- Access to aatrooox's web design guidelines
- Application of established design principles
- Consistency in web content creation
- Brand alignment for marketing materials
Example prompts
- "Apply the web design guidelines to this mockup."
- "What are the color palette recommendations from aatrooox?"
- "Generate a website header following the specified design rules."
Tips & gotchas
The effectiveness of this skill depends on having access to and understanding the full context of aatrooox's web design guidelines. Results may vary if the prompt is ambiguous or lacks sufficient detail.
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.