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 dedalus-erp-pas-web-design-guidelines npx -- -y @trustedskills/dedalus-erp-pas-web-design-guidelines
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"dedalus-erp-pas-web-design-guidelines": {
"command": "npx",
"args": [
"-y",
"@trustedskills/dedalus-erp-pas-web-design-guidelines"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
The web-design-guidelines skill provides a structured framework for generating frontend code that aligns with specific visual and functional standards. It ensures consistency across user interfaces by enforcing defined patterns, color schemes, and component behaviors within the Dedalus ERP PAS ecosystem.
When to use it
- Generating new UI components that must strictly adhere to existing brand guidelines.
- Refactoring legacy frontend code to match current design system standards.
- Creating responsive layouts that follow established accessibility and usability rules.
- Standardizing navigation structures and form elements across multiple application modules.
Key capabilities
- Enforces specific visual design patterns unique to the Dedalus ERP PAS platform.
- Generates consistent frontend code based on predefined architectural constraints.
- Applies standardized styling rules to ensure a unified user experience.
Example prompts
- "Create a responsive dashboard layout using the web-design-guidelines framework."
- "Generate a login form component that follows the established Dedalus ERP PAS design system."
- "Refactor this existing HTML snippet to comply with the current frontend styling guidelines."
Tips & gotchas
Ensure your project environment is initialized with the necessary foundation-skills dependencies before invoking these guidelines. This skill is specifically tuned for the Dedalus ERP PAS ecosystem and may not produce optimal results for unrelated web applications without custom configuration.
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.