skills.rest
keshavraj936
keshavraj936COMMUNITY
Explore all skills by this author →
Website𝕏@ksavrajshahGitHub

mobile-design

Provides mobile-first design guidance for iOS and Android apps.

Updated Feb 27, 2026
Search Tags:#performance#mobile design#flutter#react native#ux#ios design#android design
One-click install
npx skills add https://github.com/keshavraj936/Pulse-AI --skill mobile-design-keshavraj936
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/keshavraj936/Pulse-AI/tree/main/Inceptrix/.agent/skills/mobile-design
Command: npx skills add https://github.com/keshavraj936/Pulse-AI --skill mobile-design-keshavraj936

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires mobile_audit.py, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill addresses the complexities of designing user interfaces and experiences for mobile applications, ensuring they are intuitive, performant, and platform-appropriate.

Core Features & Use Cases

  • Platform-Specific Design: Tailors design principles for iOS and Android, respecting HIG and Material Design.
  • Performance Optimization: Guides developers to avoid common performance pitfalls in React Native and Flutter.
  • User Interaction: Focuses on touch targets, gestures, and cognitive load for optimal mobile usability.
  • Use Case: When starting a new React Native project targeting both iOS and Android, use this Skill to ensure the design adheres to platform conventions, touch targets are appropriately sized, and performance optimizations are considered from the outset.

Quick Start

Use the mobile-design skill to audit the design principles for a new React Native app targeting iOS and Android.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I design mobile apps that follow iOS and Android platform conventions?▼

Mobile design principles for touch interaction specify appropriately sized touch targets and intuitive gestures to minimize cognitive load, ensuring optimal usability and accessible user experiences across iOS and Android platforms.

Can I use this to avoid common performance pitfalls in React Native and Flutter?▼

Yes, you can use performance optimization guidance to proactively avoid common rendering and interaction pitfalls in React Native and Flutter, ensuring smooth mobile application behavior from the project outset.

What is the best way to audit mobile UX for accessibility and common anti-patterns?▼

The best way to audit mobile UX is to evaluate color systems, typography, and navigation against accessibility best practices, actively mitigating common AI-generated anti-patterns and ensuring user-centered application design.

Does mobile design guidance cover both touch target sizing and cognitive load?▼

Yes, comprehensive mobile design guidance covers both touch target sizing and cognitive load, detailing user interaction best practices to optimize mobile usability and reduce user friction during application navigation.

Related Skills

Explore More Design & Creative Skills→
SeemSeamSeemSeam
17

mobile-stack-patterns

Detect mobile app stacks and apply architecture best practices across React Native, Flutter, iOS, and Android.

Community
Intermediate
kryptodoggkryptodogg

lib-slint-expert

Guide Slint GUI development with Rust integration and declarative UI principles.

Community
Advanced
soeiroosoeiroo

dark-mode-design

Define dark mode design guidelines for luminance, contrast, and elevation.

Community
Intermediate
ToXMonToXMon

uiux-layout-advisor

Provide layout, spacing, hierarchy, and WCAG 2.1 AA accessibility recommendations for UI/UX designs.

Community
Intermediate