Does this skill work for both native and cross-platform apps?

Yes, it includes specific doctrines for React Native, Flutter, SwiftUI, and Jetpack Compose, emphasizing platform-specific conventions for each.

Does this skill help with app performance?

Absolutely. It enforces 'Hard Bans' on performance sins like unoptimized lists, JS-thread animations, and memory-heavy rendering patterns to ensure 60fps performance.

How does the Mobile Feasibility & Risk Index (MFRI) help?

MFRI provides a mathematical score to evaluate if a feature is too complex or risky for mobile, forcing architectural simplification or redesign before implementation starts.

What touch-interaction principles are included?

It applies Fitts' Law to ensure touch targets meet minimum size requirements (44-48px) and that primary actions are placed within the ergonomic 'thumb zone' of the device.

Mobile Design & Engineering Doctrine

Name: Mobile Design & Engineering Doctrine
Author: lev-os

bylev-os

0•

Mobile Development

Implements a mobile-first engineering doctrine for building high-performance, platform-respectful iOS and Android applications.

This skill enforces a rigorous 'Mobile-First' philosophy that moves beyond desktop-centric thinking to address the unique constraints of mobile environments. It provides a comprehensive framework for assessing feature feasibility via the Mobile Feasibility & Risk Index (MFRI), mandates platform-specific best practices for iOS and Android, and prevents common AI-generated anti-patterns in performance, touch interaction, and security. Whether working with React Native, Flutter, or native code, it ensures apps are battery-conscious, offline-capable, and optimized for real-world touch interactions and ergonomic constraints.

Key Features

01Touch-first design principles based on Fitts' Law and ergonomic thumb-zones

020 GitHub stars

03Mobile Feasibility & Risk Index (MFRI) scoring for feature validation

04Platform-specific UI/UX guidelines for iOS and Android conventions

05Strict security protocols for secure token storage and PII handling

06Performance-first patterns for React Native and Flutter list rendering

Use Cases

01Implementing offline-first data synchronization and secure local storage strategies

02Architecting a new cross-platform mobile app using React Native or Flutter

03Auditing an existing mobile UI for touch accessibility and performance bottlenecks

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lev-os/agents mobile-design

For use in Claude.ai and ChatGPT

Download Skill