Skip to content
Frontend UI
Public upstreamExpoPublic source

Expo native controls with @expo/ui

Use SwiftUI and Jetpack Compose controls from React through @expo/ui.

Read SKILL.md

Workflow

Expo’s UI skill documents Host-wrapped native controls, grouped forms, sheets, pickers and platform-specific trees. It also distinguishes short native grouped lists from virtualized large-data lists.

Use when

  • Implement native controls or replace community UI components in an Expo app.

Required inputs

  • Expo SDK version and current UI components
  • Target iOS and Android behavior

Expected outputs

  • @expo/ui component implementation
  • Platform checks and migration notes

Prerequisites

  • A compatible @expo/ui package and Expo SDK; the pinned guide’s universal layer requires SDK 56 or later.
  • Install the full skill directory to retain its component-discovery script.

Installation

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-ui --skill expo-ui --agent claude-code

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

Read the setup guide

Selection brief

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

# Expo native controls with @expo/ui (expo-native-controls)
Expo’s UI skill documents Host-wrapped native controls, grouped forms, sheets, pickers and platform-specific trees. It also distinguishes short native grouped lists from virtualized large-data lists.

## Use when
- Implement native controls or replace community UI components in an Expo app.

## Required inputs
- Expo SDK version and current UI components
- Target iOS and Android behavior

## Prerequisites
- A compatible @expo/ui package and Expo SDK; the pinned guide’s universal layer requires SDK 56 or later.
- Install the full skill directory to retain its component-discovery script.

## Expected outputs
- @expo/ui component implementation
- Platform checks and migration notes

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

Related skills

Browse all skills →
AgentTasteFree

Linear Dark UI Standard

Silicon Valley grade dark-mode design system with crisp micro-borders and zero visual bloat.

Claude Code · Cursor · Codex · Antigravity

SKILL.md
AgentTasteFree

Anti-Generic UI Guardrails

Hard restrictions that ban AI from generating repetitive 3-column cards and cliché stock layouts.

Claude Code · Cursor · Codex · Antigravity

SKILL.md