Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →`@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.
Passed 18 of 26 test cases with the skill, and 3 of 26 without it.
and 21 more in the full report
15 fixed3 passed either way8 still failing0 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 15 test cases the skill fixed. Same model, same prompt, with and without the skill.
In Expo SDK 55, I want to apply layout modifiers like fillMaxWidth and paddingAll. From which subpath should modifier functions be imported?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies importing modifiers from @expo/ui/jetpack-compose/modifiers | Missed | Passed |
The instructions your model reads when the skill loads.
The instructions in this skill apply to SDK 55 only. For other SDK versions, refer to the Expo UI Jetpack Compose docs for that version for the most accurate information.
npx expo install @expo/ui
A native rebuild is required after installation (npx expo run:android).
@expo/ui/jetpack-compose, modifiers from @expo/ui/jetpack-compose/modifiers.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>;
test cases passed, vs 3 / 26 without
Published skills whose descriptions closely match this one, with their headline benchmark lift.
More skills from the same source and nearby in the registry, with their headline benchmark lift.