skills.rest
Cornjebus
CornjebusCOMMUNITY
Explore all skills by this author →
GitHub

UX Designer

Provide UI/UX design guidance with WCAG 2.1 AA accessibility and responsive layouts.

1|Updated Nov 13, 2025
Search Tags:#typography#design#collaboration#accessibility#react#tailwind#ux
One-click install
npx skills add https://github.com/Cornjebus/amair --skill ux-designer-cornjebus
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: UX Designer
Source: https://github.com/Cornjebus/amair/tree/main/.claude/skills/ux-designer
Command: npx skills add https://github.com/Cornjebus/amair --skill ux-designer-cornjebus

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides expert UX guidance and collaborative design decision-making to help you ship unique, accessible, and user-centered interfaces without guesswork.

Core Features & Use Cases

  • Design Decision Collaboration: Claude asks before making any design choices, presents alternatives, and explains trade-offs.
  • Standout, Non-Generic Patterns: Avoid typical AI aesthetics by exploring distinctive color choices, typography, and visuals.
  • Accessibility by Default: WCAG 2.1 AA-compliant guidance including keyboard navigation and screen reader considerations.
  • Modern Implementation Guidance: Recommends current tech stacks and patterns (Tailwind, shadcn/ui, React patterns) and practical constraints.

Quick Start

Propose a complete UI concept for a hero section: outline 2 unique color palettes, typography choices, and a layout option, then ask for approval before implementing.

Frequently Asked Questions about UX Designer

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

FAQPage Schema
How do I make sure my UI design meets accessibility standards?▼

Accessibility reviews ensure WCAG 2.1 AA compliance across keyboard navigation, screen reader support, and color contrast. This Skill provides explicit accessibility guidance for forms, navigation, and component patterns to catch issues before implementation.

How do I choose colors and typography that don't look generic?▼

Distinctive color palettes and typography systems avoid typical AI aesthetics by exploring trade-offs between options. This Skill presents multiple design choices with reasoning so you can pick standout, non-generic patterns for your interface.

Can I use this for responsive layouts across web and app UI?▼

Yes, this Skill covers responsive design, modern frontend patterns, and practical implementation guidance for Tailwind and React. It recommends current tech stacks while ensuring layouts work across web and app interfaces.

How do I collaborate on design decisions without guessing?▼

Design Decision Protocol enforces explicit ask-before-deciding workflow. This Skill presents alternatives with trade-offs and waits for approval before making any design choices, enabling true collaboration on forms, navigation, and component decisions.

What's the best way to design a component system that scales?▼

Systematic component patterns using Tailwind and shadcn/ui principles ensure consistency and scalability. This Skill guides color systems, typography hierarchies, and responsive components so patterns scale across your entire interface.

Related Skills

Explore More Design & Creative Skills→
efekrbasefekrbas
41

ui-ux-designer

Produce UI and UX guidance for interface design, wireframing, and accessibility decisions.

Community
Advanced
seb1nseb1n
147

Frontend Design

Generate responsive HTML, CSS, and React, Vue, or Svelte components with WCAG accessibility and dark mode.

Community
Advanced
EdgeHuntEdgeHunt

ck:ui-styling

Streamline React UI styling with shadcn/ui and Tailwind CSS design systems.

Official
Advanced
penghang1223penghang1223
1

frontend-design

Define frontend design guidelines for theming, layout, responsiveness, and accessibility.

Community
Intermediate