skills.rest
fnsalinas
fnsalinasCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

mobile-design

Enforce mobile design governance across iOS and Android with anti-pattern checks.

1|Updated Dec 19, 2025
Search Tags:#design#performance#platform#mobile#ux#iOS-android
One-click install
npx skills add https://github.com/fnsalinas/fnsalinas.github.io --skill mobile-design-fnsalinas
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: mobile-design
Source: https://github.com/fnsalinas/fnsalinas.github.io/tree/main/.agent/skills/mobile-design
Command: npx skills add https://github.com/fnsalinas/fnsalinas.github.io --skill mobile-design-fnsalinas

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Mobile design teams often struggle to align across iOS and Android, slowing delivery and introducing platform drift.

Core Features & Use Cases

  • Design-thinking framework, platform-specific guidance, and performance heuristics to unify mobile UI decisions across React Native, Flutter, and native.
  • Use cases include architecture reviews, design-system governance, and pre-development checklists to accelerate onboarding.

Quick Start

Begin by defining platform scope, select a framework, assess thumb-zone targets, and run the mobile design checkpoint before coding.

Frequently Asked Questions about mobile-design

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

FAQPage Schema
How do I enforce mobile design governance for iOS and Android teams?▼

Mobile design governance is enforced by applying platform decision trees and anti-pattern checks to unify UI decisions across iOS and Android. This framework prevents platform drift and aligns teams on shared design-system rules.

What is the best way to run a mobile design audit before coding?▼

Run a mobile design audit by executing a script-based validation to check code against performance heuristics and best practices. This pre-development checklist identifies thumb-zone targets and platform-specific issues early.

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

Yes, this mobile UX framework works with React Native, Flutter, and native projects. It applies platform-specific guidance and performance heuristics to unify mobile UI decisions across these frameworks.

Why does UI consistency drift between iOS and Android platforms?▼

UI consistency drifts because mobile design teams struggle to align across iOS and Android without platform-specific guidance. Unified design-thinking frameworks and pre-development checklists are needed to prevent this divergence.

How do I start a mobile-first design review for a new feature?▼

Start a mobile-first design review by defining the platform scope, selecting a framework, assessing thumb-zone targets, and running the mobile design checkpoint before coding begins. This accelerates onboarding and architecture alignment.

Related Skills

Explore More Design & Creative Skills→
mosif16mosif16
18

software-mobile

Guide iOS, Android, and cross-platform mobile app development patterns.

Community
Advanced
cskirocskiro
7

claude-md-auditor

Audit CLAUDE.md files for compliance, security, and optimization.

Community
Basic
tanujsutariatanujsutaria
1

design-system-auditor

Audit SwiftUI views for hardcoded colors, spacing, and typography.

Community
Basic
georgekhananaevgeorgekhananaev
27

uiux-toolkit

Evaluate UX quality across design systems with structured audit frameworks.

Community
Advanced