skills.rest
bibekshrestha77
bibekshrestha77COMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Apply mobile design thinking best practices for iOS, Android, React Native, and Flutter projects.

Updated Aug 23, 2026
Search Tags:#accessibility#mobile#cross-platform#ux#design-thinking#touch
One-click install
npx skills add https://github.com/bibekshrestha77/VehicleRent --skill mobile-design-bibekshrestha77
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/bibekshrestha77/VehicleRent/tree/main/VehicleRentingSystem/.agent/skills/mobile-design
Command: npx skills add https://github.com/bibekshrestha77/VehicleRent --skill mobile-design-bibekshrestha77

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill provides a structured, anti-memorization approach to mobile design, guiding teams to think critically about platform differences, accessibility, performance, and navigation before diving into implementation.

Core Features & Use Cases

  • Anti-memorization thinking prioritized to prevent AI defaults and encourage context-aware decisions.
  • Platform-specific guidance for iOS and Android, plus cross-platform considerations for React Native and Flutter.
  • Reference materials covering design thinking, touch psychology, performance, navigation, typography, color systems, and backend/mobile patterns.
  • Pre-development checkpoints, decision trees, and quick reference guides to align teams on best practices.

Quick Start

Review the mobile-design-thinking.md and related reference files, then apply the guidelines to your mobile project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
What is mobile design thinking and when do I need it for cross-platform apps?▼

Mobile design thinking is a structured approach to making context-aware UX decisions for iOS, Android, and cross-platform apps. You need it to ensure touch-first interactions, platform-appropriate navigation, and performance-conscious design before implementation begins.

How do I apply platform-specific typography and color systems for iOS and Android?▼

Apply platform-specific typography and color systems by using reference materials and guided checklists that enforce platform conventions. This ensures your mobile UX remains native-feeling and accessible across iOS, Android, React Native, and Flutter projects.

Does this mobile UX approach work with React Native and Flutter projects?▼

Yes, this mobile UX approach explicitly supports React Native and Flutter projects. It provides cross-platform considerations and decision trees to align design choices with platform-specific constraints, performance requirements, and accessibility standards.

What's the best way to prevent AI design defaults when building mobile interfaces?▼

The best way to prevent AI design defaults is using an anti-memorization thinking approach with pre-development checkpoints. This encourages critical, context-aware decisions for touch psychology, navigation patterns, and platform conventions instead of relying on generic outputs.

How do I ensure touch-first accessibility and performance constraints are met in mobile design?▼

Ensure touch-first accessibility and performance constraints are met by applying guided checklists covering touch psychology, backend mobile patterns, and performance limits. This enforces context-aware decisions aligned with platform-specific conventions.

Related Skills

Explore More Design & Creative Skills→
pingmepipingmepi

pm-stage-01-brief

Generate a structured 7-section product brief from a business statement.

Community
Advanced
zzafergokzzafergok
1

mobile-ui-ux

Generate iOS-first Flutter-ready UI components with token-driven design system aligned to iOS Human Interface Guidelines.

Community
Intermediate
tyronerosstyroneross
1

mobile-web-ui

Enforce responsive design and touch target accessibility for mobile web interfaces.

Community
Intermediate
Roy-wonjiRoy-wonji

apple-design-system

Audit iOS app UI against Apple Design System standards for HIG compliance and accessibility gaps.

Community
Intermediate