use-dom

Embed web-only code in native Expo apps using DOM components.

Updated Feb 3, 2026
One-click install
npx skills add https://github.com/msichterman/templatesick --skill use-dom-msichterman
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: use-dom
Source: https://github.com/msichterman/templatesick/tree/main/.agents/skills/use-dom
Command: npx skills add https://github.com/msichterman/templatesick --skill use-dom-msichterman

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables Expo apps to run web-only code inside native environments by embedding web content through DOM components, allowing web libraries to render without rewriting.

Core Features & Use Cases

  • Embed web libraries in native apps via DOM components to render libraries that depend on DOM APIs inside an Expo application.
  • Migrate web code to native incrementally without a complete rewrite, easing portability between web and mobile.
  • Use cases include charts, syntax highlighters, HTML content, and other embeds that require a browser context within a mobile or web app.

Quick Start

Create a minimal Expo example that renders a web-based chart inside a native app using a DOM 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 web libraries inside an Expo React Native app?▼

To run web libraries inside an Expo React Native app, use DOM components to embed web content and render libraries that depend on DOM APIs without rewriting your existing code.

Can I migrate React web code to native Expo incrementally?▼

Yes, you can migrate React web code to native Expo incrementally by embedding web content through DOM components, avoiding a complete rewrite while easing portability between web and mobile.

What is the 'use dom' directive in Expo?▼

The 'use dom' directive is a specific rule enforced for DOM components in Expo, enabling web-only code to run inside native environments by separating web logic from native rendering.

Does using DOM components in Expo require serializable props?▼

Yes, using DOM components in Expo requires serializable props, along with a single default export per file and CSS management within the DOM component itself.

What are the use cases for embedding web content in native apps via DOM components?▼

Use cases for embedding web content in native apps via DOM components include rendering charts, syntax highlighters, and HTML content that require a browser context within a mobile or web app.

What are the limitations of using DOM components to run web code in Expo?▼

Limitations of using DOM components in Expo include strict constraints such as requiring the 'use dom' directive, enforcing a single default export per file, and restricting CSS management to within the DOM component.