modern-uiux-review

name	modern-uiux-review
description	Decision-oriented UI/UX review for iOS/Android apps with platform-specific checks (HIG, Material Design 3, SwiftUI, Compose) and utility app optimization

Modern UI/UX Review

Overview

A reusable Skill that reviews mobile apps as a senior UI/UX expert, producing practical, modern, and actionable suggestions with deep platform awareness.

Key Features:

• Platform-aware: Deep checks for iOS HIG and Android Material Design 3 compliance
• Framework-specific: SwiftUI and Jetpack Compose implementation guidance
• Utility/Tool app optimized: Special focus on settings, empty states, and efficiency
• Bilingual: English (default) / 简体中文

Commands

entry

Start the skill and select language (default en, optional zh)

Inputs:

• language (optional): Language preference: "en" (default) or "zh"
• context (required): App info + screenshots/UI notes

review

Decision-oriented UI/UX review with scoring, priority, and validation plan

Inputs:

• language (optional): "en" (default) or "zh"
• app_info (required): App type, platform, target users, core flows, constraints
• materials (optional): Screenshots, screen list, UI copy, or short UI descriptions
• focus (optional): Optional focus (UI/visual, UX/flow, onboarding, retention, accessibility, etc.)
• goals (optional): Primary business or UX goals
• kpis (optional): Metrics to move (conversion, retention, activation, time-to-task)

implement

Implementation-oriented UI/UX review for SwiftUI / Compose feasibility

Inputs:

• language (optional): "en" (default) or "zh"
• app_info (required): App type, platform, target users, core flows, constraints
• materials (optional): Screenshots, screen list, UI copy, or short UI descriptions
• focus (optional): Optional focus (componentization, state, list/form patterns, etc.)

scan

Quick scan: identify issues only (no full solutions)

Inputs:

• language (optional): "en" (default) or "zh"
• app_info (required): App type, platform, target users, core flows
• materials (optional): Screenshots or UI descriptions
• focus (optional): Optional focus (navigation, typography, spacing, etc.)

Usage Examples

Full decision-oriented review

/modern-uiux-review review
language: en
app_info: iOS utility app, target users 25–45, key flow: import → browse → share
materials: screenshots or short UI descriptions
goals: improve onboarding conversion
kpis: activation_rate, retention_7d
focus: onboarding + visual hierarchy

Implementation-oriented review

/modern-uiux-review implement
language: en
app_info: iOS utility app, SwiftUI, target users 25–45
materials: screenshots
focus: componentization + state handling

Quick scan

/modern-uiux-review scan
language: en
app_info: Android productivity app, Jetpack Compose
materials: screenshots
focus: Material Design 3 compliance

Enhanced Platform Checks

iOS:

• SF Symbols usage, Dynamic Type, Safe Area, native navigation, dark mode, haptics

Android:

• Material Design 3, Material You, edge-to-edge, back gestures, predictive back

SwiftUI:

• State management (@State, @Binding, @StateObject), performance, async handling

Compose:

• Recomposition optimization, remember/derivedStateOf, side effects, modifiers

Utility/Tool apps:

• First-run experience, settings organization, empty states, data import/export, quick actions

Version

1.2.0