use-dom SKILL.md skillA

This file is byte-identical to the first copy the registry indexed. Same content hash, so the same checks give both the same grade.

use-dom from mweinbach/agent-coworker is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add mweinbach/agent-coworker/use-dom@v1.0.0

Pins v1.0.0 in mdr.lock. Pin the fingerprint instead.

Audit grade
A, 17 of 17 checks passed
Kind
SKILL.md skill
Repository
mweinbach/agent-coworker
Path
apps/mobile/.agents/skills/use-dom/SKILL.md
Versions recorded
1
Latest version
v1.0.0, committed May 24, 2026
Size
9,707 bytes
Repository stars
157
License
a license file GitHub does not identify

Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native incrementally.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

## What are DOM Components?

DOM components allow web code to run verbatim in a webview on native platforms while rendering as-is on web. This enables using web-only libraries like `recharts`, `react-syntax-highlighter`, or any React web library in your Expo app without modification.

## When to Use DOM Components

Use DOM components when you need:

- **Web-only libraries** — Charts (recharts, chart.js), syntax highlighters, rich text editors, or any library that depends on DOM APIs
- **Migrating web code** — Bring existing React web components to native without rewriting
- **Complex HTML/CSS layouts** — When CSS features aren't available in React Native
- **iframes or embeds** — Embedding external content that requires a browser context
- **Canvas or WebGL** — Web graphics APIs not available natively

## When NOT to Use DOM Components

Avoid DOM components when:

- **Native performance is critical** — Webviews add overhead
- **Simple UI** — React Native components are more efficient for basic layouts
- **Deep native integration** — Use local modules instead for native APIs
- **Layout routes** — `_layout` files cannot be DOM components

## Basic DOM Component
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add mweinbach/agent-coworker/use-dom@sha256:7041bb26db02e24c

The line at the top of this page pins the label v1.0.0, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_epzbs3fhfddfsmu2.svg)](https://markdownregistry.com/a/art_epzbs3fhfddfsmu2)

4 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 1 version of this file, committed on May 24, 2026.

versioncommittedcommitsizeaudit
v1.0.0 latest2026-05-24 a104814 9,707 BA view

Audit of the latest version

A  17 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (9707 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address
  • pass: No script tag

Source

GitHub

mweinbach/agent-coworker · 157 stars · license a license file GitHub does not identify · pushed 2026-11-07 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_epzbs3fhfddfsmu2
GET https://markdownregistry.com/api/v1/resolve?ref=mweinbach/agent-coworker/use-dom
GET https://markdownregistry.com/api/v1/blob/7041bb26db02e24c45eb6c4c4879138a0f52786dd928eefd66c90a35b0e3197d

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from mweinbach/agent-coworker

ai-elements SKILL.md skill
mweinbach/agent-coworker · .agents/skills/ai-elements/SKILL.md · Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and…
git:20260617.6cdaaa5 · audit A · 157 stars
ai-sdk SKILL.md skill
mweinbach/agent-coworker · .agents/skills/ai-sdk/SKILL.md · Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK…
git:20260905.cfba839 · audit A · 157 stars
animation-vocabulary SKILL.md skill
mweinbach/agent-coworker · .agents/skills/animation-vocabulary/SKILL.md · Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the…
git:20260712.1fc7712 · audit A · 157 stars
apple-design SKILL.md skill
mweinbach/agent-coworker · .agents/skills/apple-design/SKILL.md · Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing…
git:20260712.1fc7712 · audit A · 157 stars
bun SKILL.md skill
mweinbach/agent-coworker · .agents/skills/bun/SKILL.md · Use when building JavaScript/TypeScript applications, running scripts, managing dependencies, bundling code, or…
v1.0 · audit B · 157 stars
emil-design-eng SKILL.md skill
mweinbach/agent-coworker · .agents/skills/emil-design-eng/SKILL.md · This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible…
git:20260905.cfba839 · audit A · 157 stars
improve-animations SKILL.md skill
mweinbach/agent-coworker · .agents/skills/improve-animations/SKILL.md · Audit a codebase's animation and motion, produce prioritized improvement plans, and execute selected plans when…
git:20260905.cfba839 · audit A · 157 stars
review-animations SKILL.md skill
mweinbach/agent-coworker · .agents/skills/review-animations/SKILL.md · Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy…
git:20260905.cfba839 · audit A · 157 stars
shadcn-ui SKILL.md skill
mweinbach/agent-coworker · .agents/skills/shadcn-ui/SKILL.md · Provides complete shadcn/ui component library patterns including installation, configuration, and implementation of…
git:20260219.aedd80a · audit A · 157 stars
shadcn SKILL.md skill
mweinbach/agent-coworker · .agents/skills/shadcn/SKILL.md · Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides…
git:20260904.d2e3de3 · audit A · 157 stars
ai-elements SKILL.md skill
mweinbach/agent-coworker · .claude/skills/ai-elements/SKILL.md · Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and…
git:20260617.6cdaaa5 · audit A · 157 stars
ai-sdk SKILL.md skill
mweinbach/agent-coworker · .claude/skills/ai-sdk/SKILL.md · Answer questions about the AI SDK and help build AI-powered features. Use when developers: (1) Ask about AI SDK…
git:20260905.cfba839 · audit A · 157 stars

Every file in mweinbach/agent-coworker

Other files named use-dom

use-dom SKILL.md skill
asymmetric-al/core · .agents/skills/use-dom/SKILL.md · Use Expo DOM components to run web code in a native webview and as-is on web, or migrate web components incrementally…
v1.0.0 · audit A · 370 stars
use-dom SKILL.md skill
pr-e/openclaw-master-skills · skills/expo-use-dom/SKILL.md · Use Expo DOM components to run web code in a webview on native and as-is on web. Migrate web code to native…
v1.0.0 · audit A · 4 stars

Browse by kind, by grade A, or by owner.