skills.rest
zivtech
zivtechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

mobile-design-planner

Creates iOS and Android design specifications with navigation models and gesture interactions.

Updated Mar 5, 2026
Search Tags:#design#architecture#mobile#ios#android#ux#ergonomics
One-click install
npx skills add https://github.com/zivtech/joyus-desktop --skill mobile-design-planner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design-planner
Source: https://github.com/zivtech/joyus-desktop/tree/main/.claude/skills/mobile-design-planner
Command: npx skills add https://github.com/zivtech/joyus-desktop --skill mobile-design-planner

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill bridges the gap between high-fidelity design mockups and functional mobile implementation, preventing common pitfalls like poor ergonomics, navigation conflicts, and platform-inconsistent behavior.

Core Features & Use Cases

  • Platform-Specific Planning: Generates detailed plans that account for distinct iOS and Android navigation models and gesture conventions.
  • Ergonomics & Accessibility: Ensures touch targets, dynamic type support, and one-handed usage are prioritized before development begins.
  • Use Case: When preparing to build a new mobile feature, use this skill to define the state matrix, offline recovery strategies, and gesture models to ensure the final product feels native to the user's device.

Quick Start

Use the mobile-design-planner skill to create a comprehensive design plan for the new user onboarding flow including platform-specific navigation and offline state handling.

Frequently Asked Questions about mobile-design-planner

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

FAQPage Schema
How do I plan mobile app navigation models for iOS and Android?▼

Plan mobile app navigation models by generating detailed design specifications that account for distinct iOS and Android navigation conventions. This structured framework defines platform-specific touch targets, gesture interactions, and accessibility requirements before development begins.

What is the best way to ensure mobile design ergonomics and one-handed usage?▼

Ensuring mobile design ergonomics requires a structured planning framework that prioritizes touch targets, dynamic type support, and one-handed usage. This approach validates ergonomic feasibility through a rigorous pre-implementation review process.

How do I define state management and offline recovery strategies for mobile features?▼

Define state management and offline recovery strategies by creating a comprehensive design specification that includes a state matrix. This framework ensures your mobile feature handles connectivity loss and recovery natively.

Can I use this mobile design planning framework for both iOS and Android platforms?▼

Yes, this mobile design planning framework supports both iOS and Android platforms. It generates detailed plans accounting for distinct navigation models, gesture conventions, and platform-specific behavior to ensure native feel.

Why does my mobile feature feel inconsistent with native platform conventions?▼

Mobile features feel inconsistent when platform-specific conventions are not planned before implementation. This framework bridges high-fidelity mockups and functional code by defining distinct iOS and Android navigation models and gesture interactions.

Related Skills

Explore More Design & Creative Skills→
bughqbughq
2

stacks-imagegen-mobile

Generate platform-aware mobile app screen mockups and user flow visualizations.

Official
Advanced
timequitytimequity
6

mobile-ui

Automate mobile UI interactions for React Native apps with animations and gestures.

Official
Intermediate
NymfariousNymfarious
1

optimizing-mobile-experience

Optimize StickerNest for mobile touch interactions and responsive layouts.

Community
Advanced
SkobynSkobyn

ui-ux-designer

Create accessible UI components and design systems for web and mobile products.

Community
Advanced