Agent skill

Expo UI

by sickn33 in sickn33/agentic-awesome-skills

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

MITAuto-check passedMobile

Install Expo UI

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/expo-ui .claude/skills/expo-ui && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Paste into Claude Code

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .claude/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

$skill-installer

$skill-installer install https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui

Type this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a codex

Project install goes to .agents/skills/; add -g for ~/.codex/skills/.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui --agent codex

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/expo-ui .agents/skills/expo-ui && rm -rf skills-src

Use ~/.agents/skills/ instead of .agents/skills for a personal install.

Codex skills documentation · loads skills from .agents/skills/

Paste into Codex

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .agents/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a cursor

Project install goes to .agents/skills/; add -g for ~/.cursor/skills/.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui --agent cursor

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/expo-ui .cursor/skills/expo-ui && rm -rf skills-src

Use ~/.cursor/skills/ instead of .cursor/skills for a personal install.

Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/

Paste into Cursor

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .cursor/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

gemini skills install

$ gemini skills install https://github.com/sickn33/agentic-awesome-skills.git --path skills/expo-ui

--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a gemini-cli

Project install goes to .agents/skills/; add -g for ~/.gemini/skills/.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui --agent gemini-cli

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/expo-ui .gemini/skills/expo-ui && rm -rf skills-src

Use ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.

Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/

Paste into Gemini CLI

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .gemini/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui

Installs for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a github-copilot

Project install goes to .agents/skills/; add -g for ~/.copilot/skills/.

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/expo-ui .github/skills/expo-ui && rm -rf skills-src

Use ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.

GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/

Paste into GitHub Copilot

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .github/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

skills CLI

$ npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a opencode

OpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.

GitHub CLI

$ gh skill install sickn33/agentic-awesome-skills expo-ui --agent opencode

Project scope by default (.agents/skills/); add --scope user for a personal install.

Manual copy

$ git clone --depth 1 https://github.com/sickn33/agentic-awesome-skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/expo-ui .opencode/skills/expo-ui && rm -rf skills-src

Use ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.

OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/

Paste into OpenCode

Install the "expo-ui" agent skill from https://github.com/sickn33/agentic-awesome-skills/tree/main/skills/expo-ui into .opencode/skills/expo-ui/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "expo-ui", then confirm the skill loads.

OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.

Facts

Skill name: expo-ui
GitHub stars: 47k
Used in: 1 other repo
Token cost: ~1.1k tokens
SKILL.md length: 483 words
Files: 7 (incl. scripts, references)
Skills in repo: 1,493
Repo updated: Oct 9, 2026
First seen: Oct 7, 2026
Licence: MIT

At a glance

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

Works in 2 steps: Universal components — start here.… → Platform-specific (SwiftUI / Jetpack…
Tasks that involve Cross-platform mobile apps
SKILL.md covers When to Use, Installation, Choosing an approach (read… and References, plus 1 more section
Runs JavaScript scripts from its folder; calls npx

What it does

Expo UI is an agent skill from sickn33/agentic-awesome-skills. Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 9 other files, including scripts and reference files (for example `agents/openai.yaml`, `references/drop-in-replacements.md` and `references/jetpack-compose.md`).

It sits in Mobile, covering Cross-platform mobile apps and iOS development. It works with Expo, iOS, Android and Jetpack Compose. The repository describes itself as: AAS Core is the local, agent-first control plane for complete catalog discovery, agent-owned selection, stack validation, and planning, backed by 2,400+ agentic skills. Includes… The licence is MIT.

When your agent uses it

Tasks that involve Cross-platform mobile apps
Tasks that involve iOS development

Example prompts

“/expo-ui”

Requirements

Node.js

Workflow steps

2 steps, taken from the first numbered list in SKILL.md.

Universal components — start here. Import from the @expo/ui root. One component tree runs unmodified on iOS, Android, and web from a…
Platform-specific (SwiftUI / Jetpack Compose). Import from @expo/ui/swift-ui or @expo/ui/jetpack-compose. Use only when the universal…

What it can do on your machine

Read from SKILL.md and the folder at commit 680176d. It shows what the files ask for, not the result of running them.

Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (JavaScript), which the agent can run.
Shell commands in SKILL.md call:
- npx
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md. Its commands use npx, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Expo UI loads about 1.1k tokens when it runs, and up to ~5k if it reads all its reference files. Until then it costs about 38 tokens; SKILL.md has 483 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it: ~38
When it runs · the whole SKILL.md, loaded when a task matches: ~1.1k
With references · SKILL.md plus every file in references/, read only if the agent opens them: ~5k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

The full file from sickn33/agentic-awesome-skills at commit 680176d, republished under its MIT licence (© sickn33). 483 words, ~1,123 tokens.

Download SKILL.mdSave it as .claude/skills/expo-ui/SKILL.md (or your agent's skills folder). This skill also uses 6 other files; get the full folder from GitHub.

name: expo-ui
description: Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.
risk: critical
source: https://github.com/expo/skills/tree/main/plugins/expo/skills/expo-ui
source_repo: expo/skills
source_type: official
date_added: 2026-07-01
license: MIT
license_source: https://github.com/expo/skills/blob/main/LICENSE

Expo UI (`@expo/ui`)

When to Use

Use this skill when you need build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app. Covers universal cross-platform components (Host, Column, Row, Button, Text, List, and more imported from @expo/ui), drop-in replacements...

@expo/ui renders real native UI from React: SwiftUI on iOS, Jetpack Compose on Android. Start with its universal components (one tree for iOS, Android, and web) and drop to platform-specific SwiftUI/Jetpack Compose only when the universal layer falls short. It also ships drop-in replacements for migrating off RN community UI libraries.

These instructions track the latest Expo SDK. The universal layer requires SDK 56+. Drop-in replacements and the platform-specific layers also exist on SDK 55. For component details on a specific SDK, refer to the Expo UI docs for that version.

Installation

bash

npx expo install @expo/ui

On SDK 56, @expo/ui works in Expo Go, so npx expo start runs it directly — no custom build required. On older SDKs, build a dev client first (npx expo run:ios / npx expo run:android).

Every @expo/ui tree — universal or platform-specific — must be wrapped in Host.

Choosing an approach (read this first)

Work down this list and stop at the first layer that meets the need:

Universal components — start here. Import from the @expo/ui root. One component tree runs unmodified on iOS, Android, and web from a single source (Compose on Android, SwiftUI on iOS, react-native-web/react-dom on web). No platform file splits. → ./references/universal.md
Platform-specific (SwiftUI / Jetpack Compose). Import from @expo/ui/swift-ui or @expo/ui/jetpack-compose. Use only when the universal layer is missing a component or modifier you need, or when you need platform-specific behavior or optimization. Downside: you write two trees and split them into .ios.tsx / .android.tsx files (or branch on Platform.OS) — more code to maintain.

@expo/ui/swift-ui is iOS-only. @expo/ui/jetpack-compose is Android-only. Importing either in a file that runs on the other platform will crash at runtime with "Unable to get view config" errors. Isolate platform-specific trees in .ios.tsx / .android.tsx files placed in components/ (never inside app/ — Expo Router does not support platform extensions for route files), or guard with Platform.OS in a regular route file. Host must always be imported from @expo/ui (the universal package root), not from the platform-specific sub-packages. → ./references/swift-ui.md and ./references/jetpack-compose.md

Show full SKILL.md (103 more words)Show less

Already using an RN community UI library? @expo/ui also ships drop-in replacements — API-compatible swaps for popular libraries (@gorhom/bottom-sheet, @react-native-community/datetimepicker, and more), imported from @expo/ui/community/<name>. This is a migration side-path for replacing an existing dependency, not a step in the universal-vs-platform decision above. → ./references/drop-in-replacements.md

References

Consult these resources as needed:

references/
  universal.md             Universal @expo/ui components and when to use them (SDK 56+)
  drop-in-replacements.md  API-compatible replacements for RN community UI libraries
  swift-ui.md              Platform-specific iOS UI: @expo/ui/swift-ui components, modifiers, RNHostView, useNativeState
  jetpack-compose.md       Platform-specific Android UI: @expo/ui/jetpack-compose components, modifiers, LazyColumn caveat, icons, useNativeState

Limitations

Use this skill only when the task clearly matches its upstream product or API scope.
Verify commands, API behavior, pricing, quotas, credentials, and deployment effects against current official documentation before making changes.
Do not treat generated examples as a substitute for environment-specific tests, security review, or user approval for destructive or costly actions.

Files

SKILL.md and 6 other files (scripts, references) in skills/expo-ui of sickn33/agentic-awesome-skills.

SKILL.md
agents/openai.yaml
references/drop-in-replacements.md
references/jetpack-compose.md
references/swift-ui.md
references/universal.md
scripts/list-components.js

Open the folder on GitHubat commit 680176d

Used in 1 other repository

We found 5 copies of this SKILL.md (exact, near-identical or edited) in other folders, from 1 other GitHub owner. This page covers the copy in sickn33/agentic-awesome-skills, which our catalogue first saw on October 7, 2026.

lingxling/awesome-skills-cnantigravity-awesome-skills/skills/expo-ui antigravity-awesome-skills/plugins/agentic-awesome-skills/skills/expo-ui+1 more

Compare with similar skills

Expo UI next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Expo UI compared with similar skills
Skill	Stars	Used in	Tokens	Auto-check	Licence	Repo updated
Expo UI this skillsickn33/agentic-awesome-skills	47k	1 repos	~1.1k	Automated safety check: Pass	MIT	today
Expo UIarcboxlabs/linkcode	156	—	~1.2k	Automated safety check: Pass	MIT	12 days ago
Expo UIexpo/skills	2.7k	—	~1.7k	Automated safety check: Pass	MIT	2 days ago
SimdeckNativeScript/SimDeck	152	—	~3.6k	Automated safety check: Pass	MIT	28 days ago
Mobile Devcallstackincubator/codex-mobile-dev-plugin	150	—	~5.5k	Automated safety check: Pass	None	yesterday
Streamadrianhajdin/react-native-lingua	152	—	~1.9k	Automated safety check: Pass	None	4 mo ago

Similar skills

Expo UI
arcboxlabs/linkcode
Framework (OSS). An agent skill from arcboxlabs/linkcode.
156 GitHub stars~1.2k tokensUpdated 12 days ago
MobileAuto-check passed
Expo UI
expo/skills
Official
Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android.
2.7k GitHub stars~1.7k tokensUpdated 2 days ago
MobileAuto-check passed
Simdeck
NativeScript/SimDeck
A skill your agent uses for simulator lifecycle, app install/launch, live viewing, UI inspection, touch/keyboard automation, screenshots, recordings, logs, pasteboard, hardware controls, and…
152 GitHub stars~3.6k tokensUpdated 28 days ago
MobileAuto-check passed
Mobile Dev
callstackincubator/codex-mobile-dev-plugin
Official
A skill your agent uses when building, running, changing, or debugging local iOS, Android, Expo, React Native, or SwiftUI apps.
150 GitHub stars~5.5k tokensUpdated yesterday
MobileAuto-check passed
Stream
adrianhajdin/react-native-lingua
Stream router for Chat, Video, Feeds, and Moderation. An agent skill from adrianhajdin/react-native-lingua.
152 GitHub stars~1.9k tokensUpdated 4 mo ago
MobileAuto-check passed
Expo Brownfield
expo/skills
Official
Integrate Expo and React Native into an existing native iOS or Android app.
2.7k GitHub stars~1.4k tokensUpdated 2 days ago
MobileAuto-check passed

Questions about Expo UI

What does Expo UI do?

Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app. Expo UI is an agent skill from sickn33/agentic-awesome-skills. Build native UI with the @expo/ui package: real SwiftUI on iOS and Jetpack Compose on Android rendered from React in an Expo or React Native app.

When should I use Expo UI?

Expo UI fits situations like: tasks that involve Cross-platform mobile apps; tasks that involve iOS development.

How do I install Expo UI in Claude Code?

Run `npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a claude-code`. Or copy the skill folder (skills/expo-ui in sickn33/agentic-awesome-skills) into .claude/skills/expo-ui in your project. Claude Code loads it when a task matches its description.

How do I install Expo UI in Codex?

Run `npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a codex`. Or copy the skill folder (skills/expo-ui in sickn33/agentic-awesome-skills) into .agents/skills/expo-ui in your project. Codex loads it when a task matches its description.

Can I use Expo UI in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add sickn33/agentic-awesome-skills --skill expo-ui -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/expo-ui, .gemini/skills/expo-ui, .github/skills/expo-ui and .opencode/skills/expo-ui in your project.

What does Expo UI need to run?

Going by SKILL.md and its folder, Expo UI needs JavaScript for the scripts in its folder and the command-line tools its instructions call (npx). Our summary lists: Node.js.

Does Expo UI access the network?

SKILL.md contains no URLs. Its commands use npx, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Expo UI safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Expo UI use?

Expo UI is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Expo UI use?

About 1.1k tokens (SKILL.md is roughly 4.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 3.9k tokens, read only when the agent opens those files.

What are the alternatives to Expo UI?

Skills that share tags, products or a category with Expo UI: Expo UI (arcboxlabs/linkcode, 156 stars), Expo UI (expo/skills, 2.7k stars), Simdeck (NativeScript/SimDeck, 152 stars) and Mobile Dev (callstackincubator/codex-mobile-dev-plugin, 150 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Expo UI?

sickn33 (a GitHub user) maintains it in sickn33/agentic-awesome-skills, which has 47,379 GitHub stars. The repository holds 1,493 skills in this directory. The repository was last updated on October 9, 2026.

Source: sickn33/agentic-awesome-skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.

Install Expo UI

Facts

At a glance

What it does

When your agent uses it

Example prompts

Requirements

Workflow steps

What it can do on your machine

Tool permissions

Runs code

Network

Credentials

Context cost

Safety

SKILL.md

Expo UI (@expo/ui)

When to Use

Installation

Choosing an approach (read this first)

References

Limitations

Files

Used in 1 other repository

Compare with similar skills

Similar skills

More from sickn33/agentic-awesome-skills

Related

Questions about Expo UI

Expo UI (`@expo/ui`)