Expo native screen design

Workflow

Expo’s native UI skill covers screen structure, styling, colors, icons, media and visual effects. Its routing, native controls and animation work are delegated to the corresponding Expo skills.

Run this command in your project after reviewing the instructions and access terms. Install complete upstream directories to keep referenced rules and scripts.

npx skills add https://github.com/expo/skills/tree/7ddc1f5796996e5c7efe2fc3fa9168eb24e8dac1/plugins/expo/skills/expo-native-ui --skill expo-native-ui --agent claude-code

Project file: .claude/skills/expo-native-ui/SKILL.md

This brief helps you choose the skill. Read the complete upstream SKILL.md and companion files for its actual instructions.

# Expo native screen design (expo-native-screen-design)
Expo’s native UI skill covers screen structure, styling, colors, icons, media and visual effects. Its routing, native controls and animation work are delegated to the corresponding Expo skills.

## Use when
- Build or refine screens in an Expo app.

## Required inputs
- Screen content and interaction requirements
- Expo SDK version and target platforms

## Prerequisites
- Expo project and simulator or physical device.
- Install expo-ui for native controls, expo-router for navigation and expo-animation when motion is needed.

## Expected outputs
- Native screen implementation
- Platform and responsive verification steps

Source: https://github.com/expo/skills/blob/7ddc1f5796996e5c7efe2fc3fa9168eb24e8dac1/plugins/expo/skills/expo-native-ui/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/expo-native-screen-design/SKILL.md