Bencium Controlled Ux Designer
Designs responsive, accessible UIs based on user data and brand guidelines, optimizing for engagement and conversion.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add bencium-controlled-ux-designer npx -- -y @trustedskills/bencium-controlled-ux-designer
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"bencium-controlled-ux-designer": {
"command": "npx",
"args": [
"-y",
"@trustedskills/bencium-controlled-ux-designer"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill enables AI agents to design unique, accessible, and thoughtfully designed user interfaces (UIs). It focuses on collaborative design decision-making, moving away from generic patterns toward interfaces that are both functional and visually distinct. The UX Designer skill prioritizes presenting alternatives and trade-offs for design choices rather than dictating a single solution, always requiring explicit instruction before implementing changes.
When to use it
- Creating landing pages or website sections that need to stand out from typical SaaS aesthetics.
- Designing interfaces for applications where accessibility and thoughtful user experience are paramount.
- Generating UI prototypes based on specific brand guidelines and desired visual styles (e.g., Perplexity, Comet Browser).
- Exploring innovative design approaches inspired by Framer templates or leading brand studios.
Key capabilities
- Generates accessible and thoughtfully designed UIs.
- Prioritizes collaborative design decision-making through the Design Decision Protocol.
- Avoids generic UI patterns (e.g., "Claude style" designs).
- Draws inspiration from modern landing pages, Framer templates, leading brand studios, historical design movements, and subtle background animations.
- Employs principles of simplicity through reduction and material honesty in its designs.
Example prompts
- “Design a landing page for [product] with a unique color palette inspired by Bauhaus design.”
- "Create three alternative button styles for our signup form, considering accessibility and user feedback."
- "Show me some options for incorporating subtle background animations into the header of our website."
Tips & gotchas
- Design Decision Protocol is mandatory: The agent will always ask before making any design choices. Be prepared to provide guidance and approve alternatives.
- No single "correct" solution: Expect the agent to present multiple options with trade-offs, rather than a definitive answer.
- Avoid imitation: While historical movements can be inspirational, the skill is designed to create original designs, not replicas of existing styles.
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.