{"id":"2233af24-fd19-4844-8f69-18045183d737","shortId":"3SarYV","kind":"skill","title":"expo-ui-jetpack-compose","tagline":"expo-ui-jetpack-compose","description":"---\nname: expo-ui-jetpack-compose\ndescription: `@expo/ui/jetpack-compose` package lets you use Jetpack Compose Views and modifiers in your app.\n---\n\n> 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.\n\n## When to Use\n- You need to build Android-native UI in Expo using `@expo/ui/jetpack-compose`.\n- The task involves choosing Compose views or modifiers, embedding them in `Host`, or translating Jetpack Compose patterns into Expo UI code.\n- You are working specifically against Expo SDK 55 behavior for Jetpack Compose integration.\n\n## Installation\n\n```bash\nnpx expo install @expo/ui\n```\n\nA native rebuild is required after installation (`npx expo run:android`).\n\n## Instructions\n\n- 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.\n- Components are imported from `@expo/ui/jetpack-compose`, modifiers from `@expo/ui/jetpack-compose/modifiers`.\n- 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\n- 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\n- Every Jetpack Compose tree must be wrapped in `Host`. Use `<Host matchContents>` for intrinsic sizing, or `<Host style={{ flex: 1 }}>` when you need explicit size (e.g. as a parent of `LazyColumn`). Example:\n\n```jsx\nimport { Host, Column, Button, Text } from \"@expo/ui/jetpack-compose\";\nimport { fillMaxWidth, paddingAll } from \"@expo/ui/jetpack-compose/modifiers\";\n\n<Host matchContents>\n  <Column verticalArrangement={{ spacedBy: 8 }} modifiers={[fillMaxWidth(), paddingAll(16)]}>\n    <Text style={{ typography: \"titleLarge\" }}>Hello</Text>\n    <Button onPress={() => alert(\"Pressed!\")}>Press me</Button>\n  </Column>\n</Host>;\n```\n\n## Key Components\n\n- **LazyColumn** — Use instead of react-native `ScrollView`/`FlatList` for scrollable lists. Wrap in `<Host style={{ flex: 1 }}>`.\n- **Icon** — Use `<Icon source={require('./icon.xml')} size={24} />` with Android XML vector drawables from [Material Symbols](https://fonts.google.com/icons).\n\n## Limitations\n- Use this skill only when the task clearly matches the scope described above.\n- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.\n- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.","tags":["expo","jetpack","compose","antigravity","awesome","skills","sickn33","agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding"],"capabilities":["skill","source-sickn33","skill-expo-ui-jetpack-compose","topic-agent-skills","topic-agentic-skills","topic-ai-agent-skills","topic-ai-agents","topic-ai-coding","topic-ai-workflows","topic-antigravity","topic-antigravity-skills","topic-claude-code","topic-claude-code-skills","topic-codex-cli","topic-codex-skills"],"categories":["antigravity-awesome-skills"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/sickn33/antigravity-awesome-skills/expo-ui-jetpack-compose","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add sickn33/antigravity-awesome-skills","source_repo":"https://github.com/sickn33/antigravity-awesome-skills","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 34793 github stars · SKILL.md body (2,619 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-04-24T00:50:54.644Z","embedding":null,"createdAt":"2026-04-18T21:36:55.116Z","updatedAt":"2026-04-24T00:50:54.644Z","lastSeenAt":"2026-04-24T00:50:54.644Z","tsv":"'/icon.xml':282 '/icons).':295 '/index.md':180 '/versions/v55.0.0/sdk/ui/jetpack-compose/':176 '/versions/v55.0.0/sdk/ui/jetpack-compose/modifiers/index.md':194 '1':212,276 '16':245 '24':284 '3':143 '55':39,104 '8':241 'accur':59 'alert':253 'android':69,126,286 'android-n':68 'api':131,136,173,187 'app':30 'appli':36 'ask':329 'bash':111 'behavior':105 'boundari':337 'build':67 'button':229,251 'choos':79 'clarif':331 'clear':304 'code':96 'column':228,238 'compon':148,153,166,178,258 'component-nam':177 'compos':5,10,16,24,51,80,91,108,134,139,197 'confirm':171 'criteria':340 'decid':146 'describ':308 'descript':17 'design':142 'doc':52,169,191 'docs.expo.dev':175,193 'docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/':174 'docs.expo.dev/versions/v55.0.0/sdk/ui/jetpack-compose/modifiers/index.md':192 'drawabl':289 'e.g':218 'embed':84 'environ':320 'environment-specif':319 'everi':195 'exampl':224 'expert':325 'explicit':216 'expo':2,7,13,48,73,94,102,113,124,128 'expo-ui-jetpack-compos':1,6,12 'expo/ui':115 'expo/ui/jetpack-compose':18,75,157,232 'expo/ui/jetpack-compose/modifiers':160,237 'fetch':167 'fillmaxwidth':234,243 'flatlist':267 'flex':211,275 'fonts.google.com':294 'fonts.google.com/icons).':293 'hello':250 'host':87,203,209,227,273 'icon':277,279 'import':155,226,233 'inform':60 'input':334 'instal':110,114,122 'instead':261 'instruct':32,127 'integr':109 'intrins':206 'involv':78 'jetpack':4,9,15,23,50,90,107,133,138,196 'jsx':225 'key':257 'knowledg':144 'lazycolumn':223,259 'let':20 'limit':296 'list':270 'match':305 'materi':141,291 'mirror':132 'miss':342 'modifi':27,83,150,158,185,242 'must':199 'name':11,179 'nativ':70,117,265 'need':65,215 'npx':112,123 'onpress':252 'output':314 'packag':19 'paddingal':235,244 'parent':221 'pattern':92 'permiss':335 'press':254,255 'react':264 'react-nat':263 'rebuild':118 'refer':45,188 'requir':120,281,333 'review':326 'run':125 'safeti':336 'scope':307 'scrollabl':269 'scrollview':266 'sdk':38,43,103 'size':207,217,283 'skill':35,299 'skill-expo-ui-jetpack-compose' 'sourc':280 'source-sickn33' 'spacedbi':240 'specif':100,321 'stop':327 'style':210,247,274 'substitut':317 'success':339 'symbol':292 'task':77,303 'test':323 'text':230,246 'titlelarg':249 'topic-agent-skills' 'topic-agentic-skills' 'topic-ai-agent-skills' 'topic-ai-agents' 'topic-ai-coding' 'topic-ai-workflows' 'topic-antigravity' 'topic-antigravity-skills' 'topic-claude-code' 'topic-claude-code-skills' 'topic-codex-cli' 'topic-codex-skills' 'translat':89 'treat':312 'tree':198 'typographi':248 'ui':3,8,14,49,71,95,129 'unsur':182 'use':22,63,74,137,152,164,204,260,278,297 'valid':322 'vector':288 'version':44,55 'verticalarrang':239 'view':25,81 'work':99 'wrap':201,271 'xml':287","prices":[{"id":"35527957-21c9-4a35-a111-68466c35b98a","listingId":"2233af24-fd19-4844-8f69-18045183d737","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"sickn33","category":"antigravity-awesome-skills","install_from":"skills.sh"},"createdAt":"2026-04-18T21:36:55.116Z"}],"sources":[{"listingId":"2233af24-fd19-4844-8f69-18045183d737","source":"github","sourceId":"sickn33/antigravity-awesome-skills/expo-ui-jetpack-compose","sourceUrl":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/expo-ui-jetpack-compose","isPrimary":false,"firstSeenAt":"2026-04-18T21:36:55.116Z","lastSeenAt":"2026-04-24T00:50:54.644Z"}],"details":{"listingId":"2233af24-fd19-4844-8f69-18045183d737","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"sickn33","slug":"expo-ui-jetpack-compose","github":{"repo":"sickn33/antigravity-awesome-skills","stars":34793,"topics":["agent-skills","agentic-skills","ai-agent-skills","ai-agents","ai-coding","ai-workflows","antigravity","antigravity-skills","claude-code","claude-code-skills","codex-cli","codex-skills","cursor","cursor-skills","developer-tools","gemini-cli","gemini-skills","kiro","mcp","skill-library"],"license":"mit","html_url":"https://github.com/sickn33/antigravity-awesome-skills","pushed_at":"2026-04-24T00:28:59Z","description":"Installable GitHub library of 1,400+ agentic skills for Claude Code, Cursor, Codex CLI, Gemini CLI, Antigravity, and more. Includes installer CLI, bundles, workflows, and official/community skill collections.","skill_md_sha":"c65e10a64f9ff50054fb0c256e948e03dafdd963","skill_md_path":"skills/expo-ui-jetpack-compose/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/expo-ui-jetpack-compose"},"layout":"multi","source":"github","category":"antigravity-awesome-skills","frontmatter":{"name":"expo-ui-jetpack-compose","description":"expo-ui-jetpack-compose"},"skills_sh_url":"https://skills.sh/sickn33/antigravity-awesome-skills/expo-ui-jetpack-compose"},"updatedAt":"2026-04-24T00:50:54.644Z"}}