mobile-responsive-ux
CommunityDesign thumb-friendly mobile dashboards.
Design & Creative#dashboard#responsive-design#touch-targets#thumb-zone#mobile-ux#bottom-navigation#swipe-gestures
Authorjacob-balslev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Mobile users struggle to use SaaS dashboards when touch targets are too small, key actions are placed where the thumb cannot reach, and desktop-style tables or layouts don’t translate well to small screens.
Core Features & Use Cases
- Thumb-zone and touch-target ergonomics: Enforces 44px minimum tap targets and positions primary actions in the bottom natural zone for one-handed usability.
- Mobile-first interaction patterns: Provides guidance for bottom navigation, bottom sheets, swipe gestures, and pull-to-refresh so controls feel natural on touch devices.
- Condensed mobile information design: Recommends KPI 2-up layouts under 640px, progressive disclosure, and card-based transformations for data that would otherwise require wide tables.
Quick Start
Use the mobile-responsive-ux skill to redesign your SaaS dashboard for one-handed mobile use by applying thumb-zone placement, replacing horizontal-scrolling tables with cards, and using bottom navigation or bottom sheets for complex actions.
Dependency Matrix
Required Modules
None requiredComponents
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-responsive-ux Download link: https://github.com/jacob-balslev/skill-graph/archive/main.zip#mobile-responsive-ux Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.