skills.rest
nianyi778
nianyi778COMMUNITY
Explore all skills by this author →
𝕏@nianyi778GitHub

mobile-design

Codify mobile design patterns and decision criteria for iOS, Android, and cross-platform contexts.

Updated Jan 21, 2026
Search Tags:#performance#ux#design-thinking#mobile-design#thumb-zone#fitts-law#platform-guidance
One-click install
npx skills add https://github.com/nianyi778/circle-fultter --skill mobile-design-nianyi778
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/nianyi778/circle-fultter/tree/main/.agents/skills/mobile-design
Command: npx skills add https://github.com/nianyi778/circle-fultter --skill mobile-design-nianyi778

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design decisions often struggle to balance platform conventions, performance constraints, and user touchability across iOS, Android, and cross‑platform contexts. This Skill provides a structured mobile design system with thinking tools, reference files, and decision guides to align teams on best practices.

Core Features & Use Cases

  • Principles for mobile-first UX that respect platform patterns (iOS and Android)
  • Platform decision trees and quick-start checklists for pre‑development
  • Reference files covering design thinking, psychology, performance, color, typography, and navigation to guide implementation

Quick Start

Review the mobile-design-thinking.md and touch-psychology.md, then apply the platform guidance to your target (iOS or Android) to begin.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I apply thumb-zone and Fitts' Law principles to mobile UX design?▼

Mobile UX design applies thumb-zone principles and Fitts' Law by codifying touch-target sizing and placement patterns. This Skill provides reference files and decision criteria to align touch interactions with ergonomic reach, ensuring interface elements feel native and accessible.

What is the best way to balance platform conventions for iOS and Android cross-platform design?▼

Balancing platform conventions for cross-platform design involves identifying distinct iOS and Android patterns. This Skill provides platform decision trees and pre-development checklists to guide native-feeling implementations while respecting individual platform guidelines.

How do I set performance budgets and handle offline states for mobile applications?▼

Setting performance budgets and handling offline states for mobile applications requires structured evaluation criteria. This Skill codifies performance constraints and offline handling frameworks into pre-development checklists to guide design and QA workflows.

Does this mobile design guidance include evaluation prompts for QA reviews?▼

Yes, mobile design guidance includes evaluation prompts specifically for QA reviews. The Skill outputs structured evaluation prompts and platform recommendations to steer design decisions, reviews, and pre-development checklists across iOS, Android, and cross-platform contexts.

When should I use mobile-first design thinking in my development workflow?▼

Mobile-first design thinking should be used during pre-development planning and design reviews. The Skill applies frameworks covering touch psychology, color, typography, and navigation to guide implementation and align teams on mobile-specific best practices.

Related Skills

Explore More Design & Creative Skills→
achmfachmf

mobile-design

Provide mobile-first design frameworks for iOS and Android app development.

Community
Advanced
daemon-blockint-techdaemon-blockint-tech
7

ui-software-engineer

Translate design specifications into responsive user interfaces with design tokens and Storybook stories.

Community
Intermediate
hkcm91hkcm91

optimizing-mobile-experience

Implement responsive design and touch gestures for mobile web applications.

Community
Intermediate
alinaqialinaqi
705

ui-mobile

Guide React Native mobile UI development with accessibility and platform standards.

Community
Intermediate