skills.rest
efekrbas
efekrbasCOMMUNITY
Explore all skills by this author →
Website𝕏@efekrbsGitHub

mobile-design

Audits mobile app designs for touch, navigation, performance, and accessibility issues.

41|5|Updated Sep 30, 2025
Search Tags:#typography#performance#accessibility#navigation#mobile#dark-mode#touch-targets
One-click install
npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill mobile-design-efekrbas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/efekrbas/discord-hypesquad-manager/tree/main/.agents/skills/mobile-design
Command: npx skills add https://github.com/efekrbas/discord-hypesquad-manager --skill mobile-design-efekrbas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill prevents desktop-first assumptions and unsafe implementation patterns from creeping into mobile app design, helping you create interfaces that are touch-friendly, platform-respectful, performant, and accessible.

Core Features & Use Cases

  • Mobile feasibility and risk review: Evaluates whether a screen or feature is realistic for mobile before you build it.
  • Touch, navigation, and platform guidance: Guides thumb-zone placement, back behavior, tabs, drawers, modals, and iOS versus Android conventions.
  • Performance, accessibility, and safety checks: Surfaces issues like slow lists, poor animation choices, low-contrast color use, insecure token storage, and missing offline handling.
  • Use case: Audit a login flow, feed screen, settings page, or checkout experience and get concrete recommendations for layout, interaction, color, typography, testing, and implementation quality.

Quick Start

Use this skill to review a mobile screen, flow, or app implementation and return the highest-priority UX, performance, accessibility, and platform-specific improvements.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I audit mobile app designs for touch target and thumb-zone issues?▼

Auditing mobile app designs for touch target sizing and thumb-zone placement requires evaluating screen layouts against platform-specific UX conventions to ensure interactive elements are reachable and comfortable for one-handed use.

What is the best way to review mobile navigation patterns for iOS and Android?▼

Reviewing mobile navigation patterns for iOS and Android involves comparing back handling, tabs, drawers, and modals against platform-specific conventions to ensure the user experience feels native and respects expected behaviors.

How do I check mobile screens for performance and accessibility problems?▼

Checking mobile screens for performance and accessibility problems involves evaluating list virtualization, animation choices, low-contrast color use, and dynamic type support to surface slow rendering and readability issues.

Can I use a mobile UX audit for cross-platform screens and flows?▼

Yes, a mobile UX audit can be applied to cross-platform screens and flows, evaluating gestures, lists, forms, color systems, and typography to ensure consistent quality and platform-respectful behavior across iOS and Android.

Why does my mobile app feel slow when scrolling long lists?▼

Mobile apps feel slow when scrolling long lists due to missing list virtualization, poor animation choices, and inefficient backend interactions, which can be surfaced by auditing implementation readiness and rendering performance.

Do I need to test offline behavior and secure storage for mobile login flows?▼

Testing offline behavior and secure storage is necessary for mobile login flows to prevent insecure token storage and missing offline handling, which are unsafe implementation patterns often identified during mobile UX and safety checks.

Related Skills

Explore More Software Engineering Skills→
hulusi-tunchulusi-tunc
3

audit

Audit interfaces for multi-modal accessibility blockers and produce a structured report.

Community
Advanced
wilfozwilfoz

react-native-expert

Provide React Native development best practices for performance and cross-platform compatibility.

Community
Advanced
xenitV1xenitV1
230

backend-design

Enforce backend design patterns for scalable systems with vertical slice architecture.

Community
Advanced
IsKenKenYaIsKenKenYa
35

mobile-app-debugging

Debug mobile applications on iOS and Android with React Native and Flutter.

Community
Intermediate