UX Designer

Provide UI/UX design guidance for accessible, user-centered interfaces.

25|41|Updated Nov 24, 2025
One-click install
npx skills add https://github.com/agenticsorg/hackathon-tv5 --skill ux-designer-agenticsorg
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/agenticsorg/hackathon-tv5/tree/main/.claude/skills/ux-designer
Command: npx skills add https://github.com/agenticsorg/hackathon-tv5 --skill ux-designer-agenticsorg

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides expert guidance for creating distinctive, accessible, and user-centered interfaces, moving beyond generic AI-generated aesthetics.

Core Features & Use Cases

  • Collaborative Design Decisions: Ensures all significant design choices are approved before implementation.
  • Unique Interface Design: Helps break away from common, uninspired UI patterns to create memorable experiences.
  • Accessibility by Default: Integrates WCAG 2.1 AA compliance, keyboard navigation, and screen reader support into the design process.
  • Use Case: When designing a new feature, you can ask the UX Designer skill to suggest unique color palettes and typography that align with your brand, ensuring accessibility and a distinct visual identity.

Quick Start

Ask the UX Designer skill to help design a unique and accessible hero section for the website.

Frequently Asked Questions about UX Designer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I design a user interface that is accessible and responsive?

To design an accessible and responsive user interface, follow modern visual and interaction design standards while integrating WCAG 2.1 AA compliance, keyboard navigation, and screen reader support to ensure user-centered experiences.

How do I break away from generic UI patterns to create a unique interface?

To break away from generic UI patterns and create a unique interface, you should focus on collaborative design decision-making and distinctive visual identities. This approach helps craft memorable user experiences instead of uninspired layouts.

Does this design process support WCAG 2.1 AA compliance for accessibility?

Yes, the design process fully supports WCAG 2.1 AA compliance by default. It integrates keyboard navigation and screen reader support directly into the design workflow to ensure interfaces are accessible to all users.

What is the best way to choose a color palette and typography that aligns with my brand?

The best way to choose color palettes and typography for your brand is to request suggestions that align with your visual identity while maintaining accessibility. This ensures a distinct aesthetic without compromising usability standards.

Can I get design suggestions for a specific website section like a hero section?

Yes, you can get design suggestions for specific website sections like a hero section by asking for help. The skill provides expert UI/UX guidance to craft unique, accessible, and user-centered components tailored to your needs.

Why should I use collaborative design decision-making for interface development?

Collaborative design decision-making ensures all significant interface choices are approved before implementation. This prevents generic AI-generated aesthetics and guarantees the final user-centered design meets modern visual and interaction standards.