Openclaw-master-skills Expo UI Jetpack Compose

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

install

source · Clone the upstream repo

git clone https://github.com/LeoYeAI/openclaw-master-skills

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/LeoYeAI/openclaw-master-skills "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/expo-ui-jetpack-compose" ~/.claude/skills/leoyeai-openclaw-master-skills-expo-ui-jetpack-compose && rm -rf "$T"

OpenClaw · Install into ~/.openclaw/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/LeoYeAI/openclaw-master-skills "$T" && mkdir -p ~/.openclaw/skills && cp -r "$T/skills/expo-ui-jetpack-compose" ~/.openclaw/skills/leoyeai-openclaw-master-skills-expo-ui-jetpack-compose && rm -rf "$T"

manifest: skills/expo-ui-jetpack-compose/SKILL.md

Installation

npx expo install @expo/ui

A native rebuild is required after installation (

npx expo run:android

Instructions

Expo UI's API mirrors Jetpack Compose's API. Use Jetpack Compose and Material Design 3 knowledge to decide which components or modifiers to use.

Components are imported from

@expo/ui/jetpack-compose

, modifiers from

@expo/ui/jetpack-compose/modifiers

When about to use a component, fetch its docs to confirm the API - https://docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/{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/jetpack-compose/modifiers/index.md
Every Jetpack Compose tree must be wrapped in
```
Host
```
. Example:

import { Host, Column, Button, Text } from "@expo/ui/jetpack-compose";
import { fillMaxWidth, paddingAll } from "@expo/ui/jetpack-compose/modifiers";

<Host matchContents>
  <Column verticalArrangement={{ spacedBy: 8 }} modifiers={[fillMaxWidth(), paddingAll(16)]}>
    <Text style={{ typography: "titleLarge" }}>Hello</Text>
    <Button onPress={() => alert("Pressed!")}>Press me</Button>
  </Column>
</Host>;