skills.rest
zivtech
zivtechOFFICIAL
Explore all skills by this author →
WebsiteGitHub

mobile-design-critic

Audit mobile app designs for platform conventions and accessibility standards.

Updated Mar 5, 2026
Search Tags:#design#accessibility#audit#mobile#ios#android#ux
One-click install
npx skills add https://github.com/zivtech/joyus-desktop --skill mobile-design-critic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design-critic
Source: https://github.com/zivtech/joyus-desktop/tree/main/.claude/skills/mobile-design-critic
Command: npx skills add https://github.com/zivtech/joyus-desktop --skill mobile-design-critic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill addresses the uncertainty of mobile design by auditing flows and screens against platform-specific conventions, ergonomics, and accessibility standards before engineering implementation.

Core Features & Use Cases

  • Platform-Fit Verification: Audits designs against iOS HIG and Material Design patterns to prevent navigation and gesture conflicts.
  • Ergonomic & Accessibility Audit: Evaluates touch targets, one-handed reachability, and dynamic type behavior.
  • Use Case: A product team can use this to validate a new checkout flow, ensuring that bottom sheets do not conflict with keyboards and that navigation follows native platform expectations.

Quick Start

Use the mobile-design-critic skill to audit the current mobile flow for platform-fit and accessibility compliance.

Frequently Asked Questions about mobile-design-critic

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

FAQPage Schema
How do I audit mobile app designs for iOS and Android platform conventions?▼

Audit mobile app designs by validating them against iOS HIG and Material Design patterns to identify navigation model violations, gesture conflicts, and potential failure modes before engineering implementation.

What is a mobile UX accessibility audit and what does it evaluate?▼

A mobile UX accessibility audit evaluates touch target sizes, one-handed reachability, and dynamic type behavior to ensure mobile application flows adhere to ergonomic best practices and accessibility standards.

Can I use Figma and Playwright for mobile viewport testing and visual parity analysis?▼

Yes, mobile viewport testing and visual parity analysis require integration with Figma, Playwright, and Pencil MCP tools to assess pre-build quality and platform-specific compliance.

How do I check for bottom sheet and keyboard conflicts in a mobile checkout flow?▼

Check for bottom sheet and keyboard conflicts by auditing the mobile flow for platform-fit, ensuring UI components like bottom sheets do not overlap with keyboards and follow native navigation expectations.

Do I need Figma MCP tools to perform a pre-build mobile design quality assessment?▼

Yes, performing a pre-build mobile design quality assessment requires integration with Figma, Playwright, and Pencil MCP tools to execute viewport testing and visual parity analysis.

When should I avoid using an automated mobile design audit?▼

Limitations apply when designs lack interactive prototypes or accessible Figma data, as the audit relies on Playwright and Pencil MCP tools to perform viewport testing and visual parity analysis.

Related Skills

Explore More Design & Creative Skills→
yoshisadayoshisada

kiln-qa-setup

Install Playwright and scaffold QA infrastructure with a generated test matrix.

Community
Intermediate
zangjeicyzangjeicy

adversarial-ux-test

Simulate an adversarial user persona to test web application UX friction.

Community
Advanced
lagarcesslagarcess
1

apple-hig-expert

Audit Apple platform apps against Human Interface Guidelines with automated checks.

Community
Intermediate
Community-AccessCommunity-Access
387

Mobile Accessibility

Audit mobile app code for accessibility compliance across React Native, Expo, iOS, and Android.

Official
Advanced