Skills
.Work. You
Rest

mb-skill-ux-design

Community

Design usable, accessible interfaces

Design & Creative#ui#accessibility#ux#design-systems#mobile-patterns#form-design#web-patterns
AuthorYanick-mj
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Provides clear, actionable UX guidance to help teams design consistent, accessible, and user-friendly interfaces so implementations match product goals and accessibility standards.

Core Features & Use Cases

  • Principles: Consistency, feedback, forgiveness, discoverability, and accessibility to guide design decisions.
  • Patterns: Mobile (bottom sheets, pull-to-refresh, skeleton loaders), Web (responsive breakpoints, loading and error states, breadcrumbs), and Form design (inline validation, smart defaults).
  • Visuals & Typography: Contrast ratios, limited font families, recommended line heights, and max line length guidance.
  • Use Case: Frontend engineers and product designers can request a focused audit of a screen or component to receive prioritized UX and accessibility improvements.

Quick Start

Ask the skill to audit the signup screen and return prioritized UX, accessibility, and responsive recommendations.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mb-skill-ux-design
Download link: https://github.com/Yanick-mj/mb-framework/archive/main.zip#mb-skill-ux-design

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.