Skills
.Work. You
Rest

ux-ui-designer

Community

Mobile-first, accessible UX/UI design

Design & Creative#typography#ui#accessibility#mobile-first#ux#design-system#interaction-design
Authorunnamedmistress
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes uncertainty and inconsistency from interface design by providing a clear, mobile-first framework for visual hierarchy, accessibility, and interaction design so products feel polished and usable on phones first and scale up to larger screens.

Core Features & Use Cases

  • Mobile-First Guidance: Prioritizes designs for small screens with progressive enhancement for tablet and desktop.
  • Accessibility & Compliance: Enforces WCAG AA contrast, touch target sizes, and screen reader considerations.
  • Design System & Tokens: Recommends spacing, typography scales, color roles, elevation, and reusable components.
  • Interaction & Performance: Documents interaction states, animations at 60fps, and performance-minded asset handling.
  • Use Case: Audit an onboarding flow and produce a prioritized list of visual hierarchy improvements, accessibility fixes, and component specs for handoff.

Quick Start

Conduct a mobile-first UI audit of the provided screens and return a visual hierarchy score, accessibility issues with WCAG references, and component specifications.

Dependency Matrix

Required Modules

None required

Components

references

💻 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: ux-ui-designer
Download link: https://github.com/unnamedmistress/menuspy-marketing/archive/main.zip#ux-ui-designer

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.