mobile-design

Apply a structured mobile design thinking framework to iOS and Android apps.

Updated Jan 24, 2026
One-click install
npx skills add https://github.com/lehoangphuc747/anki-lms-demo --skill mobile-design-lehoangphuc747
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/lehoangphuc747/anki-lms-demo/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/lehoangphuc747/anki-lms-demo --skill mobile-design-lehoangphuc747

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design teams struggle with inconsistent thinking, platform conventions, and slow, ad-hoc decision making when delivering mobile apps. This skill provides a structured mobile design thinking framework to enforce best practices across iOS, Android, React Native, Flutter, or native code.

Core Features & Use Cases

  • Anti-memorization prompts and platform-aware decision trees to keep AI from taking over design choices.
  • Platform-specific guidance for iOS and Android (navigation, typography, color) plus cross-platform patterns.
  • Comprehensive references, checklists, and guidance for navigation, typography, color, performance, offline handling, accessibility, and testing.
  • Use cases include delivering consistent mobile UX at scale, guiding design reviews, and enabling faster on-boarding for new team members.

Quick Start

Start by reading mobile-design-thinking.md and touch-psychology.md, then run the mobile-audit script to validate your design approach.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I maintain consistent mobile UX design across iOS, Android, and cross-platform frameworks?

A structured mobile design thinking framework enforces platform-specific navigation, typography, and color conventions across iOS, Android, React Native, and Flutter, ensuring consistent mobile UX design at scale.

How do I stop AI from overriding mobile design choices and applying generic UI patterns?

Anti-memorization prompts and platform-aware decision trees prevent AI from overriding mobile design choices, keeping your team in control of platform-specific UI patterns and structural conventions.

What is included in a mobile design audit for accessibility and offline support?

A mobile design audit evaluates navigation, typography, color, performance, offline handling, and accessibility against structured checklists and references to ensure comprehensive mobile UX compliance.

Does this mobile design framework work with both native and cross-platform tech stacks?

Yes, this mobile design framework works with native iOS and Android stacks, as well as cross-platform environments like React Native and Flutter, applying consistent platform-aware guidance.

What's the best way to onboard new team members to mobile design standards?

The best way to onboard new team members to mobile design standards is providing structured references like mobile-design-thinking and touch-psychology documents, plus running automated audit scripts to validate their approach.