use-dom

Render web-based code inside native Expo apps using a webview.

588|41|Updated May 13, 2026

Search Tags:#cross-platform #react-native #expo #dom #webview #web-libraries

Ready to run

npx skills add https://github.com/zai-org/Synapse --skill use-dom-zai-org

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/zai-org/Synapse/tree/main/.agents/skills/use-dom
Command: npx skills add https://github.com/zai-org/Synapse --skill use-dom-zai-org

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Running web code inside native Expo apps is challenging because native environments lack full browser APIs, making it hard to reuse web libraries and gradually migrate UI. This skill provides Expo DOM components to render web code in a webview on native and render as-is on web, enabling incremental migration and cross-platform consistency.

Core Features & Use Cases

Reuse web libraries (charts, syntax highlighters, embeds) inside native apps without rewriting.
Incremental migration pathway from web to native UI while maintaining behavior and appearance.
DOM-prop integration to expose native actions and props to web code within a webview.

Quick Start

Add a DOM component to your Expo project and render a web-based UI inside a native app using the dom prop.

Frequently Asked Questions about use-dom

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I reuse web libraries in React Native apps?▼

To reuse web libraries in React Native apps, you can use Expo DOM components to render web code inside a webview. This approach embeds charts, syntax highlighters, and embeds without rewriting them for native platforms.

What is the best way to incrementally migrate a web UI to native?▼

Incremental migration from web to native UI is achieved by rendering web code in a webview using Expo DOM components. This technique maintains behavior and appearance consistency while you transition specific components to native.

Can I pass native props to web code running inside a webview?▼

Yes, you can pass native props to web code inside a webview using DOM-prop integration. This functionality exposes native actions and props directly to the web-based code rendered within the Expo DOM environment.

Does Expo DOM render web components as-is on the web platform?▼

Yes, Expo DOM renders web components as-is on the web platform. On native apps, it operates by rendering the web content inside a webview, ensuring cross-platform consistency across both environments.

When do I need a webview for embedding web content in native apps?▼

You need a webview for embedding web content in native apps when the environment lacks full browser APIs. This approach allows you to run web-based code that depends on browser features directly inside Expo applications.