Design Principles
Helps with design, principles as part of agent workflows workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add hermeticormus-design-principles npx -- -y @trustedskills/hermeticormus-design-principles
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"hermeticormus-design-principles": {
"command": "npx",
"args": [
"-y",
"@trustedskills/hermeticormus-design-principles"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill allows AI agents to apply design principles, specifically those related to user interface and user experience (UI/UX). It can analyze existing designs or generate new ones based on established guidelines. The agent can offer recommendations for improving usability, accessibility, and overall aesthetic appeal of digital products.
When to use it
- Critiquing a UI design: Provide an AI agent with a description or mockup of a website or app interface and ask for feedback based on design principles.
- Generating UI ideas: Request the agent to brainstorm alternative layouts or interaction patterns for a specific feature or screen.
- Improving accessibility: Ask the agent to review a design for compliance with accessibility guidelines (e.g., WCAG).
- Creating style guides: Use the skill to generate consistent design recommendations and documentation for a project.
Key capabilities
- Applies UI/UX design principles
- Provides design critiques
- Generates alternative designs
- Offers accessibility recommendations
Example prompts
- "Analyze this website mockup and suggest improvements based on Gestalt principles."
- "Generate three different layout options for a mobile app's onboarding flow, prioritizing ease of use."
- "Review this design for WCAG compliance and identify any potential issues."
Tips & gotchas
The quality of the output depends heavily on the clarity and detail provided in the prompt. Providing specific context about the target audience and desired outcomes will yield better results.
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.