use-dom

Run web content in native Expo apps using DOM components.

Updated Mar 27, 2026
One-click install
npx skills add https://github.com/erenisiklar/Pusula --skill use-dom-erenisiklar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/erenisiklar/Pusula/tree/main/.claude/skills/use-dom
Command: npx skills add https://github.com/erenisiklar/Pusula --skill use-dom-erenisiklar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Web-centric React code can run inside a native Expo app by rendering in a webview on native while remaining unchanged on web, enabling incremental migration and reuse of existing web components.

Core Features & Use Cases

  • Web content in native apps via DOM components that render web libraries without rewrites.
  • Incremental web-to-native migration by isolating DOM code and exposing native actions.
  • Cross-platform reuse of web UI on iOS, Android, and Web.

Quick Start

Create a new DOM component file with the 'use dom'; directive at the top and import it into your native screen to render a web-content component.

Frequently Asked Questions about use-dom

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

FAQPage Schema
How do I run existing web React code inside a native Expo app?

You can run web React code inside an Expo app by using DOM components that render web content in a webview on native platforms. This allows you to reuse existing web libraries without rewriting them for native environments.

What is the best way to migrate a web UI to iOS and Android incrementally?

Incremental web-to-native migration is achieved by isolating web code inside DOM components and exposing native actions. This lets you migrate your web UIs piece by piece rather than rewriting the entire application.

Does Expo DOM support cross-platform rendering on iOS, Android, and Web?

Yes, Expo DOM components support cross-platform rendering across iOS, Android, and Web. Web content renders inside a webview on native platforms while remaining unchanged on the web.

How do I create a DOM component in Expo to display web content?

To create a DOM component, make a new file and add the 'use dom'; directive at the top. You can then import this component into your native screen to render the desired web content.

Can I reuse web libraries in a React Native project without rewriting them?

Yes, you can reuse web libraries in React Native by rendering them inside Expo DOM components. The web libraries run within a webview on native platforms, avoiding the need for rewrites.