use-dom

Run web content inside native Expo apps using DOM components.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/infinite-loop-factory/app-factory --skill use-dom
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/infinite-loop-factory/app-factory/tree/main/.agents/skills/use-dom
Command: npx skills add https://github.com/infinite-loop-factory/app-factory --skill use-dom

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill allows web code to run inside native Expo apps by rendering web content in a webview, while on web it renders as-is. It enables migrating web code to native incrementally and reusing web libraries with minimal rewrites.

Core Features & Use Cases

  • Web-to-native embedding: Run web libraries (charts, syntax highlighters, iframes) inside native views without rewriting components.
  • Incremental migration: Reuse existing React web components while gradually porting them to native.
  • Cross-platform compatibility: Works across iOS, Android, and web with a consistent DOM-enabled experience.

Quick Start

Create a DOM component with the 'use dom' directive and render a simple HTML snippet inside a webview to verify behavior.

Frequently Asked Questions about use-dom

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

FAQPage Schema
How do I run web code inside a React Native app during migration?

You can run web code inside a React Native app by using Expo DOM components to render web content in a webview, enabling incremental migration and reuse of existing web libraries with minimal rewrites.

Can I reuse existing React web libraries in native views without rewriting them?

Yes, you can reuse existing React web libraries in native views by embedding them through Expo DOM components, which render the web content inside a webview without requiring you to rewrite the components.

Does Expo DOM support cross-platform compatibility for iOS, Android, and web?

Expo DOM supports cross-platform compatibility across iOS, Android, and web, providing a consistent DOM-enabled experience where native apps use a webview and web renders as-is.

How do I create a DOM component to embed HTML in native views?

To create a DOM component, add the 'use dom' directive to your code and render an HTML snippet inside the webview to verify the behavior and successfully embed HTML in native views.

What are the limitations of using webviews to run web libraries inside native apps?

Using webviews to run web libraries inside native apps requires rendering content inside a webview rather than native views, which may introduce performance overhead compared to fully porting components to native.

What is the best way to migrate web code to native incrementally?

The best way to migrate web code to native incrementally is using Expo DOM components to reuse existing React web components and gradually port them to native views with minimal rewrites.