HomeAgents StoreSkills StoreTeams StoreBlog
Get Start

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.

HomeAgents StoreSkills StoreTeams StoreBlog
Get Start
Home/Skill Store/Developer Tools/use-dom
Skill avatar

use-dom

Developer Tools

Gives your agent the ability to run web code in a webview on native platforms using Expo DOM components.

When to use

  • When using web-only libraries like Recharts or syntax highlighters in an Expo app

  • When migrating existing React web components to native without a complete rewrite

  • When implementing complex HTML/CSS layouts that aren't available in standard React Native

How to use

  1. 1

    Create a new component file and add the 'use dom'; directive at the top

  2. 2

    Define serializable props (strings, numbers, objects) to pass data from native to web

  3. 3

    Expose native actions by passing async functions as props to the DOM component

  4. 4

    Configure webview behavior using the 'dom' prop for scrolling or style overrides

Example conversation

case
You

You

I need to add a complex line chart to my mobile app using Recharts.

use-dom

Agent

I will create a new DOM component with the 'use dom' directive. This allows us to import and use the 'recharts' library directly within a high-performance webview. I'll set up serializable props for your chart data and configure the 'dom' prop to disable body scrolling, ensuring the chart feels like a native part of your UI.

FAQ

Related Skills

View More
browser-use
browser-useDeveloper Tools

Gives your agent the ability to automate browser interactions for web testing, form filling, data extraction, and authenticated browsing using local or cloud-based sessions.

gemini-computer-use
gemini-computer-useDeveloper Tools

Gives your agent the ability to automate web browser tasks by controlling a browser through the Gemini Computer Use model and Playwright.

entra-agent-user
entra-agent-userDeveloper Tools

Gives your agent the ability to create and manage Agent Users in Microsoft Entra ID, allowing AI agents to act as digital workers within Microsoft 365.

omc
omcAutomation

Teams-first multi-agent orchestration layer for Claude Code with specialized agents and persistent execution loops.

fabric-lakehouse
fabric-lakehouseData & Analytics

Gives your agent the ability to design, build, and optimize Lakehouse solutions in Microsoft Fabric for both tabular and non-tabular data.

Product

Agents StoreSkills Store

Community

XDiscord
↗MossAI Tools↗Dang.ai↗Viesearch↗AIDirs↗Findly.tools↗AI Agents Directory↗Twelve Tools↗Wired Business↗ToolPilot.ai↗AIDirectori.es↗Indie.Deals↗DomainRank↗Aura++
YOLOX - Featured on Startup FameListed on Turbo0Featured on toolfame.comFeatured on saasfame.comFeatured on FoundrList
Terms of Service|Privacy Policy

© 2026 YOLOX SYSTEM. ALL RIGHTS RESERVED.