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 hainamchung-web-design-guidelines npx -- -y @trustedskills/hainamchung-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"hainamchung-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/hainamchung-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 hainamchung. It allows users to retrieve and apply these guidelines for creating consistent and effective website designs. The content includes specific recommendations on visual elements, layout principles, and user experience considerations.
When to use it
- When designing a new website or landing page and needing guidance on best practices.
- To ensure brand consistency across multiple web pages.
- For teams looking for a shared set of design standards to follow.
- When auditing an existing website to identify areas for improvement based on established guidelines.
Key capabilities
- Access to hainamchung’s web design recommendations.
- Provides guidance on visual elements and layout principles.
- Offers user experience considerations for web design.
Example prompts
- "What are hainamchung's recommended color palettes?"
- "Give me guidelines on website typography according to hainamchung."
- “How should I structure a landing page based on hainamchung’s web design principles?”
Tips & gotchas
The skill provides specific recommendations; however, it is important to consider the context of your project and adapt the guidelines accordingly. It's also beneficial to review any accompanying documentation or examples provided by the author for further clarity.
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.