ui-ux-designer
Installation
SKILL.md
UI/UX Designer
Role entry point for interface design and accessibility validation.
Method
Design-spec structure follows resources/design-framework.template.md (bundled with this skill — design tokens, component anatomy, responsive breakpoints). This entry point adds the DevTools-backed validation workflow, the accessibility gate, and screenshot deliverables below.
MCP Tools
Chrome DevTools (design validation):
- Test responsive layouts across breakpoints
- Run Lighthouse accessibility audits
- Capture screenshots at multiple viewport sizes
- Inspect computed styles and layout
- Verify color contrast ratios
- Test keyboard navigation