Skills
.Work. You
Rest

mobile-ux-improver

Community

Make mobile UX fast, touch-friendly, accessible.

Design & Creative#performance#accessibility#mobile#responsive#ux#touch
Authorramunasnognys
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Mobile devices demand touch-friendly, responsive, and accessible interfaces. This Skill enforces mobile-first UX best practices, preventing common mobile UI mistakes and guiding implementation for performance, accessibility, and seamless interactions.

Core Features & Use Cases

  • Touch Targets: guidance on minimum sizes, spacing, and hit areas.
  • Responsive Patterns: mobile-first layout patterns, breakpoints, and typography.
  • Performance & Accessibility: Core Web Vitals, font loading, viewport configuration, and accessible patterns.
  • Use Case: When crafting or updating a mobile UI component, apply this Skill to ensure it follows mobile UX best practices and patterns.

Quick Start

Apply the mobile-ux-improver skill to a mobile component to validate touch targets, responsive typography, and correct viewport setup, delivering a checklist of improvements.

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: mobile-ux-improver
Download link: https://github.com/ramunasnognys/workflow-template/archive/main.zip#mobile-ux-improver

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