What kind of output does this skill generate?

It generates structured documentation including ASCII layout diagrams, component attribute tables, navigation maps, and detailed motion specifications.

Does this skill support cross-platform frameworks like Flutter or React Native?

Yes, it provides specific guidance for cross-platform development, helping you decide when to use common UI and when to branch into platform-native components.

Can I use it to design for the latest OS versions like iOS 26?

Yes, it includes forward-looking guidelines for evolving design trends like 'Liquid Glass' and M3 Expressive styles.

Can it help me with accessibility compliance?

Absolutely. It integrates WCAG AA standards, providing specific instructions for screen reader labels, contrast ratios, and minimum touch target sizes (44pt for iOS/48dp for Android).

Does it handle tablet and foldable screen layouts?

Yes, it includes patterns for larger screens, such as Sidebar/Split Views for iPad and Canonical Layouts (list-detail) for Android tablets and foldables.

Mobile App Designer

Name: Mobile App Designer
Author: CAPHTECH

byCAPHTECH

0•

Mobile Development

Designs systematic, platform-idiomatic mobile interfaces for iOS and Android following Apple HIG and Material Design 3 guidelines.

The Mobile App Designer skill provides a comprehensive framework for creating professional mobile UI/UX. It automates the complex process of designing for different platforms by enforcing strict adherence to Apple Human Interface Guidelines and Google Material Design 3 standards. The skill handles the entire design lifecycle—from defining navigation architecture and Safe Area constraints to specifying accessible components and motion timings. Whether you are building a new application or redesigning an existing one, it ensures your mobile interface is platform-native, accessible (WCAG AA), and optimized for development in SwiftUI, Jetpack Compose, Flutter, or React Native.

主要功能

01Responsive layout design for smartphones, tablets, and foldable devices

02Detailed motion and animation specification including Liquid Glass and Material Motion

030 GitHub stars

04Technical handoff documentation for components, navigation, and layout

05Comprehensive accessibility auditing and WCAG AA standard integration

06Platform-specific guideline compliance (Apple HIG and Material Design 3)

使用场景

01Optimizing an existing mobile UI for better touch targets and accessibility compliance

02Designing a cross-platform mobile application from scratch with platform-specific UI logic

03Generating detailed design specifications for handoff to mobile developers

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add caphtech/claude-marketplace mobile-app-designer

For use in Claude.ai and ChatGPT

主要功能

01Responsive layout design for smartphones, tablets, and foldable devices

02Detailed motion and animation specification including Liquid Glass and Material Motion

030 GitHub stars

04Technical handoff documentation for components, navigation, and layout

05Comprehensive accessibility auditing and WCAG AA standard integration

06Platform-specific guideline compliance (Apple HIG and Material Design 3)

使用场景

01Optimizing an existing mobile UI for better touch targets and accessibility compliance

02Designing a cross-platform mobile application from scratch with platform-specific UI logic

03Generating detailed design specifications for handoff to mobile developers