skills.rest
darthlinuxer
darthlinuxerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Guide mobile UX design for iOS and Android with platform-specific decisions.

Updated Mar 8, 2026
Search Tags:#typography#accessibility#mobile design#color system#platform guidelines#touch gestures#ux thinking
One-click install
npx skills add https://github.com/darthlinuxer/dialectic-crew-ai --skill mobile-design-darthlinuxer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/darthlinuxer/dialectic-crew-ai/tree/main/src/mcp/skills/mobile-design
Command: npx skills add https://github.com/darthlinuxer/dialectic-crew-ai --skill mobile-design-darthlinuxer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Mobile teams often rely on generic AI heuristics for mobile UX, leading to inconsistent experiences and missed platform conventions. This Skill provides a structured thinking framework to enforce mobile-first UX reasoning, anti-memorization, and platform-aware design decisions.

Core Features & Use Cases

  • Anti-memorization thinking protocol to prevent default AI patterns.
  • Platform decomposition across iOS and Android, Thumb Zone analysis, and performance guardrails.
  • Quick-start guidance and a fully documented decision matrix to inform design choices.

Quick Start

Read the skill guidelines and perform the Deep Mobile Thinking protocol before starting any mobile UI work.

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 UX that follows iOS and Android platform guidelines?▼

Mobile design thinking prevents generic AI heuristics by applying an anti-memorization protocol and a structured decision matrix. It enforces platform-aware UX reasoning, ensuring your interface adheres to specific iOS and Android conventions rather than defaulting to inconsistent patterns.

What is the best way to prevent generic AI patterns in mobile UI design?▼

The best way to prevent generic AI patterns in mobile UI design is to apply a Deep Mobile Thinking protocol before starting any work. This framework enforces anti-memorization guards, platform decomposition, and Thumb Zone analysis to ensure deliberate design choices.

Does this mobile design framework work with React Native and Flutter projects?▼

Yes, this mobile design framework supports React Native and Flutter projects. It applies platform-specific decisions, performance considerations, and interaction guidelines across cross-platform and native development environments to ensure consistent mobile UX.

How do I apply accessibility and color system rules for mobile apps?▼

You apply accessibility and color system rules by following a structured frontmatter-guided workflow. This enforces specific design commitments, platform-specific color systems, and typography rules to ensure your mobile interface meets necessary accessibility standards.

What are the limitations of using standard AI heuristics for mobile UX design?▼

Standard AI heuristics often lead to inconsistent mobile experiences and missed platform conventions. Without a structured thinking framework enforcing mobile-first reasoning and anti-memorization protocols, AI tends to default to generic patterns that ignore iOS and Android specific guidelines.

Related Skills

Explore More Design & Creative Skills→
ydnikolaevydnikolaev
8

idea-interview

Extract project information through structured stakeholder interviews into a discovery brief.

Community
Advanced
saeed-vayghansaeed-vayghan
30

mobile-developer

Develop cross-platform mobile apps with React Native and Flutter.

Community
Advanced
efekrbasefekrbas
41

mobile-design

Audits mobile app designs for touch, navigation, performance, and accessibility issues.

Community
Advanced
betaTridentbetaTrident

high-end-visual-design

Enforce strict design constraints on typography, spatial rhythm, and motion physics.

Community
Advanced