Back to Skills

Expo UI Jetpack Compose

`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.

1,853stars85forksUpdated 5/6/2026

Security Assessment

Safe(100/100)
Security Score100/100

About Expo UI Jetpack Compose

The Expo UI Jetpack Compose skill provides developers with the ability to integrate Jetpack Compose Views and modifiers into their applications seamlessly. This skill addresses the need for a modern UI toolkit that leverages the power of Jetpack Compose, enabling developers to create rich, interactive user interfaces with ease. By utilizing this skill, developers can enhance their applications with a more declarative approach to UI design, which is particularly beneficial for those familiar with Jetpack Compose and Material Design principles.

FAQ

What is the installation process for the Expo UI Jetpack Compose?

You can install it using the command `npx expo install @expo/ui`, followed by a native rebuild with `npx expo run:android`.

Is Expo UI Jetpack Compose compatible with SDK versions other than 55?

No, the instructions in this skill specifically apply to SDK 55. For other SDK versions, refer to the respective Expo UI Jetpack Compose documentation.

What should I do if I encounter issues with component APIs?

Always read the `.d.ts` type files to confirm the exact API before using a component or modifier.

Can I use Jetpack Compose components without wrapping them in a Host?

No, every Jetpack Compose tree must be wrapped in a Host to function correctly.

How can I obtain icons for use with the Icon component?

You can download Android XML vector drawables from Material Symbols and save them as `.xml` files in your project's assets directory.

Install Expo UI Jetpack Compose

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill

Repository

expo/skills