How do I install the Expo UI Swift UI skill?

Run npx skillmds add phoroth/expo-ui-swift-ui in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Expo UI Swift UI skill do?

expo-ui-swift-ui It is listed under Coding & Dev Tools on SkillMD.

Is Expo UI Swift UI safe to use?

This skill has not completed SkillMD's automated safety review yet. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Expo UI Swift UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Expo UI Swift UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Expo UI Swift UI?

phoroth (@phoroth) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Expo UI Swift UI by phoroth — Agent Skill

Name: Expo UI Swift UI
Rating: 4.666666666666667 (3 reviews)
Author: phoroth

File contents

name: expo-ui-swift-ui description: `@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.

The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI SwiftUI docs for that version for the most accurate information.

When to Use

You need to build iOS-native UI in Expo using @expo/ui/swift-ui.
The task involves selecting SwiftUI views or modifiers, wrapping trees in Host, or embedding React Native components with RNHostView.
You are targeting Expo SDK 55 behavior for SwiftUI integration and extension guidance.

Installation

npx expo install @expo/ui

A native rebuild is required after installation (npx expo run:ios).

Instructions

Expo UI's API mirrors SwiftUI's API. Use SwiftUI knowledge to decide which components or modifiers to use.
Components are imported from @expo/ui/swift-ui, modifiers from @expo/ui/swift-ui/modifiers.
When about to use a component, fetch its docs to confirm the API - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/{component-name}/index.md
When unsure about a modifier's API, refer to the docs - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/modifiers/index.md
Every SwiftUI tree must be wrapped in Host.
RNHostView is specifically for embedding RN components inside a SwiftUI tree. Example:

import { Host, VStack, RNHostView } from "@expo-ui/swift-ui";
import { Pressable } from "react-native";

<Host matchContents>
  <VStack>
    <RNHostView matchContents>
      // Here, `Pressable` is an RN component so it is wrapped in `RNHostView`.
      <Pressable />
    </RNHostView>
  </VStack>
</Host>;

If a required modifier or View is missing in Expo UI, it can be extended via a local Expo module. See: https://docs.expo.dev/guides/expo-ui-swift-ui/extending/index.md. Confirm with the user before extending.

Limitations

Use this skill only when the task clearly matches the scope described above.
Do not treat the output as a substitute for enprojectnment-specific validation, testing, or expert review.
Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

---name: expo-ui-swift-uidescription: expo-ui-swift-ui------name: expo-ui-swift-uidescription: `@expo/ui/swift-ui` package lets you use SwiftUI Views and modifiers in your app.---> The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI SwiftUI docs for that version for the most accurate information.## When to Use- You need to build iOS-native UI in Expo using `@expo/ui/swift-ui`.- The task involves selecting SwiftUI views or modifiers, wrapping trees in `Host`, or embedding React Native components with `RNHostView`.- You are targeting Expo SDK 55 behavior for SwiftUI integration and extension guidance.## Installation```bashnpx expo install @expo/ui```A native rebuild is required after installation (`npx expo run:ios`).## Instructions- Expo UI's API mirrors SwiftUI's API. Use SwiftUI knowledge to decide which components or modifiers to use.- Components are imported from `@expo/ui/swift-ui`, modifiers from `@expo/ui/swift-ui/modifiers`.- When about to use a component, fetch its docs to confirm the API - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/{component-name}/index.md- When unsure about a modifier's API, refer to the docs - https://docs.expo.dev/versions/v55.0.0/sdk/ui/swift-ui/modifiers/index.md- Every SwiftUI tree must be wrapped in `Host`.- `RNHostView` is specifically for embedding RN components inside a SwiftUI tree. Example:```jsximport { Host, VStack, RNHostView } from "@expo-ui/swift-ui";import { Pressable } from "react-native";<Host matchContents> <VStack> <RNHostView matchContents> // Here, `Pressable` is an RN component so it is wrapped in `RNHostView`. <Pressable /> </RNHostView> </VStack></Host>;```- If a required modifier or View is missing in Expo UI, it can be extended via a local Expo module. See: https://docs.expo.dev/guides/expo-ui-swift-ui/extending/index.md. Confirm with the user before extending.## Limitations- Use this skill only when the task clearly matches the scope described above.- Do not treat the output as a substitute for enprojectnment-specific validation, testing, or expert review.- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Frequently asked questions