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.