Frontend Ui Ux Engineer
Helps with frontend development, UI components, UX design 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 frontend-ui-ux-engineer npx -- -y @trustedskills/frontend-ui-ux-engineer
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"frontend-ui-ux-engineer": {
"command": "npx",
"args": [
"-y",
"@trustedskills/frontend-ui-ux-engineer"
]
}
}
}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 and implement user interfaces (UI) and user experiences (UX) for web applications. It includes the ability to create responsive layouts, optimize navigation flows, and ensure accessibility standards are met.
When to use it
- You need to build a visually appealing and functional website from scratch.
- You want to improve an existing UI/UX design for better usability or performance.
- You're working on a project that requires cross-browser compatibility and mobile responsiveness.
Key capabilities
- Responsive layout creation using HTML, CSS, and frameworks like Bootstrap or Tailwind.
- Accessibility compliance (WCAG standards).
- User flow optimization and wireframing.
- Integration with front-end tools such as Webpack, Babel, or npm/yarn.
Example prompts
- "Design a responsive landing page for a SaaS product."
- "Optimize the navigation menu on this website for mobile users."
- "Ensure this form meets accessibility standards and is compatible with screen readers."
Tips & gotchas
- Ensure you have access to modern front-end development tools and frameworks.
- Always test UI/UX changes across multiple devices and browsers to ensure consistency.
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.