skills.rest
KaiBoo404
KaiBoo404COMMUNITY
Explore all skills by this author →
GitHub

mobile-design

Audit mobile design patterns and accessibility pitfalls across iOS and Android.

Updated Aug 23, 2026
Search Tags:#performance#a11y#platform#ux#touch#mobile-design
One-click install
npx skills add https://github.com/KaiBoo404/agent-skills-with-project-template --skill mobile-design-kaiboo404
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/KaiBoo404/agent-skills-with-project-template/tree/main/.agents/skills/mobile-design
Command: npx skills add https://github.com/KaiBoo404/agent-skills-with-project-template --skill mobile-design-kaiboo404

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

Provides a structured mobile design thinking framework and practical guidelines to help teams think deeply about mobile UX, avoid common anti-patterns, and align on platform-specific patterns for iOS and Android.

Core Features & Use Cases

  • A deep mobile design thinking protocol that covers touch interaction, performance, typography, color systems, navigation, and accessibility.
  • An audit-driven approach, including a runnable reference script to surface issues in touch targets, spacing, dark mode, and platform conventions across RN and Flutter.
  • Real-world workflows for fast decision making in design-heavy projects, MVPs, and full-feature mobile apps.

Quick Start

Run the mobile design audit on your project with the Python script to surface actionable recommendations.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I identify mobile UX design anti-patterns and accessibility pitfalls?▼

Identify mobile UX anti-patterns by running a structured design-thinking checklist that evaluates touch targets, performance, typography, color systems, navigation, and accessibility to surface actionable recommendations.

What is the best way to audit mobile touch targets and spacing for iOS and Android?▼

The best way to audit mobile touch targets and spacing is using a runnable audit script that checks platform-specific conventions for iOS and Android, ensuring proper touch interaction and spacing compliance.

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

Yes, the mobile design audit works with React Native and Flutter projects, surfacing issues in touch targets, spacing, dark mode, and platform conventions across both frameworks.

How do I align mobile navigation and color systems with platform-specific patterns?▼

Align mobile navigation and color systems by applying platform-specific guidance for iOS and Android, using a structured frontmatter-driven checklist to validate design decisions against platform conventions.

What mobile performance and motion considerations should I check during design?▼

Check mobile performance and motion considerations using a design-thinking protocol that evaluates performance impacts across navigation, typography, color, and motion to guide actionable design decisions.

Related Skills

Explore More Design & Creative Skills→
Envy-7zEnvy-7z

figma-to-flutter-widget

Converts Figma design specifications into Flutter widgets using existing design system components, styles, and tokens.

Community
Intermediate
0xharryriddle0xharryriddle
3

Frontend Responsive Design Standards

Standardize mobile-first responsive UI design with breakpoints, typography, and touch targets.

Community
Advanced
sandalsoftsandalsoft

clean-web-design

Standardize React/Tailwind frontend design with token-based dark-mode-ready UI primitives.

Community
Advanced
EremesNGEremesNG
1

mobile-patterns

Provide structured mobile-pattern guidance for native and cross-platform app development.

Community
Advanced