use-dom

Run web code in native Expo apps using DOM components.

Updated Jan 19, 2026
One-click install
npx skills add https://github.com/dcoon/kbms --skill use-dom-dcoon
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/dcoon/kbms/tree/main/.gemini/skills/use-dom
Command: npx skills add https://github.com/dcoon/kbms --skill use-dom-dcoon

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

DOM components enable web code to run inside a native Expo app via a dedicated webview context, letting developers reuse web libraries and web UI patterns without rewriting for native.

Core Features & Use Cases

  • Embedding web libraries (charts, syntax highlighters) in React Native apps without full rewrites
  • Migrating existing web components to native incrementally while maintaining behavior
  • Cross-platform rendering (iOS, Android, Web) with isolated DOM contexts

Quick Start

Create a simple DOM component file with 'use dom'; at the top, export a default React component, and render basic content.

Frequently Asked Questions about use-dom

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

FAQPage Schema
How do I embed web libraries in a React Native Expo app?

You can embed web libraries in a React Native Expo app by using DOM components, which render web code inside an isolated webview context without requiring a full native rewrite.

What is a DOM component in Expo and how does it work?

A DOM component in Expo is a file starting with the 'use dom'; directive and a default React export that renders web-style code inside a dedicated webview context across iOS, Android, and Web.

Can I migrate existing web components to native incrementally?

Yes, you can migrate existing web components to native incrementally by using DOM components, which maintain original web behavior while running inside a native Expo application environment.

Does the 'use dom' directive support cross-platform rendering on iOS and Android?

Yes, the 'use dom' directive supports cross-platform rendering, enabling web content to render inside a webview across iOS, Android, and Web platforms within an Expo app.

What are the requirements to create a DOM component file in Expo?

Creating a DOM component file in Expo requires adding the 'use dom'; directive at the top, providing a single default export, and optionally including scripts, references, or assets directories to extend functionality.