skills.rest
dgkngk
dgkngkCOMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Provides mobile UI/UX and Swift-Objective-C design guidance for engineers and developers.

Updated Feb 26, 2026
Search Tags:#performance#design thinking#accessibility#mobile design#ios#android#ux
One-click install
npx skills add https://github.com/dgkngk/super-kit --skill mobile-design-dgkngk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/dgkngk/super-kit/tree/main/skills/tech/mobile-design
Command: npx skills add https://github.com/dgkngk/super-kit --skill mobile-design-dgkngk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the complexities of designing mobile applications by providing a structured approach to thinking about user experience, platform conventions, and performance constraints, preventing common AI-generated design flaws.

Core Features & Use Cases

  • Platform-Specific Thinking: Guides decisions based on iOS and Android conventions.
  • Performance Optimization: Highlights critical performance pitfalls and best practices for smooth UIs and battery efficiency.
  • Accessibility Focus: Emphasizes touch target sizes, contrast, and dynamic type for inclusive design.
  • Use Case: When starting a new React Native app, use this Skill to ensure you're considering thumb zones, platform navigation differences, and list performance from the outset, rather than fixing them later.

Quick Start

Begin by reviewing the "DEEP MOBILE THINKING PROTOCOL" and filling out the "MOBILE DESIGN COMMITMENT" section before starting any new mobile project.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I ensure my mobile design follows iOS and Android platform conventions?▼

To ensure your mobile design follows iOS and Android conventions, enforce platform-specific thinking for navigation, state management, and UI patterns, making context-aware decisions rather than relying on generic defaults.

What are the key performance constraints to consider for mobile app design?▼

Key performance constraints for mobile app design include optimizing for smooth UI interactions and battery efficiency, which requires addressing critical performance pitfalls early in the development process.

How do I make my mobile app accessible through touch interaction principles?▼

Make your mobile app accessible by emphasizing adequate touch target sizes, proper contrast, and dynamic type, ensuring inclusive design for all users interacting with touch interfaces.

What is the best way to prevent common AI-generated flaws in mobile UX?▼

The best way to prevent common AI-generated mobile UX flaws is to apply a structured design thinking protocol and fill out a mobile design commitment before starting any new mobile project.

When do I need to consider thumb zones in mobile app development?▼

You need to consider thumb zones in mobile app development from the outset of a new project, ensuring touch interactions are ergonomically accessible rather than attempting to fix them later.

Does this mobile design approach work for React Native apps?▼

Yes, this mobile design approach works for React Native apps by guiding context-aware decisions regarding platform navigation differences, touch interaction principles, and list performance from the start.

Related Skills

Explore More Software Engineering Skills→
vardhan-harshavardhan-harsha

react-native-architecture

Structure Expo-based React Native apps with navigation, state, and offline patterns.

Community
Advanced
elihuvillarauselihuvillaraus
2

mobile-builder

Develop native iOS and Android apps with SwiftUI, Kotlin, React Native, or Flutter.

Community
Advanced
DesquaredDesquared
3

accessibility-validator

Check SwiftUI and UIKit components for VoiceOver labels, contrast, and touch targets.

Official
Intermediate
parallax-ai-llcparallax-ai-llc
29

orchestrator-designer

Generate platform-aware design specifications and JSON design tokens for the Claude Orchestrator UI.

Official
Advanced