Design review

Focused Expo interface, state, motion, and accessibility review.

Use $expo-design-review for a read-only review of an Expo or React Native consumer interface. It covers visual hierarchy, platform-native behavior, semantic tokens, responsive layout, complete interaction states, motion, and accessibility.

Workflow

1. Start from the orientation stack card and identify reviewed screens, flows, platforms, and states.
2. Compose $expo-native-ui for standard React Native presentation, $expo-ui only for appropriate @expo/ui trees, $expo-a11y for accessibility, and $expo-router for navigation presentation.
3. Check proven patterns before proposing a new reusable shape.
4. Inspect loading, empty, error, offline, success, disabled, focus, and permission states as applicable.
5. Separate source inspection from screenshot or runtime evidence.

Output contract

The review names its surfaces and evidence, reports findings with owning skills or patterns, and records residual risk for unavailable screenshots, devices, Dynamic Type, screen readers, reduced motion, or platform-specific runtime checks.

Authorization and composition

A design review does not authorize implementation. Edits require a separate explicit request. Optional external design or animation skills may be composed only when they are actually available; they are not silently added to this catalog.

Verification limitations

Source code can reveal semantic and structural risks, but it cannot prove rendered hierarchy, contrast, clipping, animation quality, or assistive technology behavior. Claims about those results require visual or device evidence.

Copy-paste prompt

Use $expo-development-foundation to review this existing Expo app's interface. Orient first, remain read-only, check platform-native behavior, every relevant UI state, motion, and accessibility, cite source and visual evidence separately, and report residual risk for unavailable device checks.