[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-4fc4c8dd-3069-4ed4-84ee-f9b16f391572":3,"$fIHysm-fOgCFhyQG5qTAuYi8Marz9KTn3kQGuLhi2I6U":43},{"id":4,"title":5,"description":6,"categoryId":7,"moduleId":8,"tags":9,"prompt":10,"icon":11,"source":12,"sourceUrl":13,"authorId":14,"authorName":15,"isPublic":16,"stars":17,"runs":18,"createdAt":19,"updatedAt":19,"module":20,"category":27,"packages":34},"4fc4c8dd-3069-4ed4-84ee-f9b16f391572","expo-ui-swift-ui","expo-ui-简化UI","cat_coding_frontend","mod_coding","sickn33,coding","---\nname: expo-ui-swift-ui\ndescription: expo-ui-swift-ui\nrisk: unknown\nsource: community\n---\n\n---\nname: expo-ui-swift-ui\ndescription: `@expo\u002Fui\u002Fswift-ui` package lets you use SwiftUI 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 SwiftUI docs for that version for the most accurate information.\n\n## When to Use\n- You need to build iOS-native UI in Expo using `@expo\u002Fui\u002Fswift-ui`.\n- The task involves selecting SwiftUI views or modifiers, wrapping trees in `Host`, or embedding React Native components with `RNHostView`.\n- You are targeting Expo SDK 55 behavior for SwiftUI integration and extension guidance.\n\n## Installation\n\n```bash\nnpx expo install @expo\u002Fui\n```\n\nA native rebuild is required after installation (`npx expo run:ios`).\n\n## Instructions\n\n- Expo UI's API mirrors SwiftUI's API. Use SwiftUI knowledge to decide which components or modifiers to use.\n- Components are imported from `@expo\u002Fui\u002Fswift-ui`, modifiers from `@expo\u002Fui\u002Fswift-ui\u002Fmodifiers`.\n- When about to use a component, fetch its docs to confirm the API - https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Fv55.0.0\u002Fsdk\u002Fui\u002Fswift-ui\u002F{component-name}\u002Findex.md\n- When unsure about a modifier's API, refer to the docs - https:\u002F\u002Fdocs.expo.dev\u002Fversions\u002Fv55.0.0\u002Fsdk\u002Fui\u002Fswift-ui\u002Fmodifiers\u002Findex.md\n- Every SwiftUI tree must be wrapped in `Host`.\n- `RNHostView` is specifically for embedding RN components inside a SwiftUI tree. Example:\n\n```jsx\nimport { Host, VStack, RNHostView } from \"@expo-ui\u002Fswift-ui\";\nimport { Pressable } from \"react-native\";\n\n\u003CHost matchContents>\n  \u003CVStack>\n    \u003CRNHostView matchContents>\n      \u002F\u002F Here, `Pressable` is an RN component so it is wrapped in `RNHostView`.\n      \u003CPressable \u002F>\n    \u003C\u002FRNHostView>\n  \u003C\u002FVStack>\n\u003C\u002FHost>;\n```\n\n- If a required modifier or View is missing in Expo UI, it can be extended via a local Expo module. See: https:\u002F\u002Fdocs.expo.dev\u002Fguides\u002Fexpo-ui-swift-ui\u002Fextending\u002Findex.md. Confirm with the user before extending.\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.\n","","imported","https:\u002F\u002Fgithub.com\u002Fsickn33\u002Fantigravity-awesome-skills","user_system_seed","SkillOPIC",true,125,1528,"2026-05-16 13:17:29",{"id":8,"name":21,"slug":22,"icon":23,"description":24,"sort":25,"createdAt":26},"编程开发","coding","mdi-code-braces","代码生成、调试、审查，提升开发效率",2,"2026-05-16 12:53:40",{"id":7,"name":28,"slug":29,"icon":30,"description":31,"moduleId":8,"sort":32,"skillCount":33,"createdAt":26},"前端开发","frontend","mdi-language-html5","HTML\u002FCSS\u002FJavaScript\u002F框架相关",1,96,[35],{"id":36,"skillId":4,"version":37,"fileName":38,"fileSize":39,"filePath":40,"fileHash":41,"manifest":42,"createdAt":19},"f839a7d3-b614-4df3-b53c-40418d5bedd3","1.0.0","expo-ui-swift-ui.zip",1172,"uploads\u002Fskills\u002F4fc4c8dd-3069-4ed4-84ee-f9b16f391572\u002Fexpo-ui-swift-ui.zip","afb15840d754b19579319dfea4b268f00638d15c3c950b8fcdd763feea97ddad","[{\"path\":\"SKILL.md\",\"isDirectory\":false,\"size\":2323}]",{"code":44,"message":45,"data":46},200,"success",{"items":47,"stats":48,"page":51},[],{"averageRating":49,"totalRatings":49,"ratingCounts":50},0,[49,49,49,49,49],{"limit":52,"offset":49,"hasMore":53,"nextOffset":52,"ratedOnly":16},15,false]