Domains
Forms
Mechanism
Breaks down how the skill works and what it produces, so you can quickly judge whether it fits your scenario and value.
When an Expo app needs to run web-only code (charts, syntax highlighters, CSS-heavy layouts) on native via webview, or incrementally migrate web React components without rewriting.
'use dom'; directive and a single default exportdom prop for webview configWeb libraries run unmodified inside Expo native apps, enabling gradual web-to-native migration and reuse of existing React web code with low rewrite cost.
Use Cases
A developer maintains a React web dashboard using recharts and needs it inside their Expo iOS app. Using the expo-dom skill, they wrap chart components with `'use dom';`, pass data via serializable props, and render them in a WKWebView. This avoids rewriting charts in React Native, ships faster, and reuses existing web code with native navigation around it.
A team wants to migrate a web-only syntax highlighter to Expo mobile. With expo-dom they create a DOM component using react-syntax-highlighter, include CSS in-file, and expose a native save callback via async prop. The web code runs verbatim on Android WebView and iOS WKWebView, letting them ship the feature incrementally without a full rewrite or native module.
Skill Relationships
Dependency relationships read as "the upper tier points to the lower tier." The current Skill sits in the middle tier — above are Skills that depend on it, below are Skills it depends on.
Tier 1 · These Skills Use Me
Tier 2 · Current Skill
Tier 3 · I Use These Skills
Browse this skill's relationships within its skillset. Click a node to switch the side panel; use the search box to jump to any skill.
Skill File