use-dom
Crear componentes DOM de Expo
Los equipos de Expo a menudo necesitan usar bibliotecas web dentro de apps nativas sin reescribirlas. Esta habilidad guía a Claude, Codex y Claude Code en patrones seguros para componentes DOM.
Instalar con mi Agente
Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.
Review the Skillstore skill "use-dom" from https://skillstore.io/skills/expo-use-dom.md and its manifest at https://skillstore.io/api/skills/expo-use-dom/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.
Recursos legibles por agentes
Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.
Pruébalo
Usando "use-dom". El usuario pide un gráfico usando una biblioteca de gráficos solo web en Expo.
Resultado esperado:
El asistente recomienda un componente DOM enfocado, props tipadas y serializables, una altura definida mediante la prop dom y uso desde una pantalla nativa.
Usando "use-dom". El usuario necesita parámetros de ruta dentro de un componente DOM.
Resultado esperado:
El asistente explica qué hooks del router necesitan acceso nativo y recomienda leer los valores en la pantalla padre antes de pasar props.
Usando "use-dom". El usuario quiere mover una pantalla completa a un WebView.
Resultado esperado:
El asistente señala preocupaciones de rendimiento y navegación, y luego sugiere mantener el diseño nativo alrededor de componentes DOM más pequeños.
Auditoría de seguridad
SeguroThe static alerts are false positives in Markdown documentation examples. Dynamic import patterns are TypeScript type imports, backtick alerts are formatting, and the path traversal alert is a static bundled asset example. No prompt injection, data exfiltration, command execution, or host reconnaissance intent was found.
Factores de riesgo
⚡ Contiene scripts (11)
⚙️ Comandos externos (44)
📁 Acceso al sistema de archivos (1)
Compartir y citar este informe
Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.
Copiar enlace del informe
https://skillstore.io/skills/expo-use-dom/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportInsignia Markdown
[](https://skillstore.io/skills/expo-use-dom?utm_source=security_passport_badge)Insignia HTML
<a href="https://skillstore.io/skills/expo-use-dom?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-use-dom/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Tarjeta para insertar
<iframe src="https://skillstore.io/embed/skills/expo-use-dom.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citas académicas (APA · BibTeX · CFF)
Cita APA
expo. (2026). use-dom security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-use-dom/audits/4Cita BibTeX
@techreport{expo-expo-use-dom-2026,
author = {expo},
title = {use-dom security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/expo-use-dom/audits/4},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "use-dom security audit report (audit version 4)"
version: "1.0.0"
type: report
authors:
- name: "expo"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/expo-use-dom/audits/4"
identifiers:
- type: other
value: "skillstore:expo-use-dom:audit:4"
description: "Skillstore immutable audit report identifier"
Puntuación de Skillstore
Por qué esta puntuación Confianza de la evidencia: AltoLo que puedes crear
Incrustar gráficos web
Añade bibliotecas de gráficos que dependen de DOM APIs a una app Expo manteniendo pantallas nativas alrededor.
Migrar interfaz React web
Mueve componentes React web existentes a una app nativa de Expo en pasos pequeños y aislados.
Documentar límites DOM
Crea una guía de implementación clara para enrutamiento, props, recursos y comportamiento de plataforma antes de empezar el desarrollo.
Prueba estos prompts
Crea un componente DOM de Expo para [web library or UI]. Incluye la directiva use dom, DOMProps tipado, props serializables y guía de uso nativo.
Ayuda a migrar este componente React web a un componente DOM de Expo. Identifica cambios en props, manejo de CSS, manejo de recursos e integración con pantallas nativas.
Diseña un componente DOM que reciba acciones nativas asíncronas como props. Mantén las entradas serializables y explica el manejo de errores a través del límite de WebView.
Revisa este plan de componente DOM de Expo en cuanto a rendimiento, enrutamiento, tamaño de WebView, diferencias de plataforma y casos en los que los componentes nativos son mejores.
Mejores prácticas
- Mantén cada componente DOM enfocado en una sola capacidad exclusiva de la web.
- Pasa solo datos serializables y funciones asíncronas a través del límite nativo.
- Prueba los componentes DOM en iOS, Android y web antes del lanzamiento.
Evitar
- No uses componentes DOM para interfaces simples que React Native puede renderizar de forma eficiente.
- No coloques rutas de diseño ni shells completos de navegación dentro de componentes DOM.
- No dependas de estado compartido directo entre código nativo y el contexto de WebView.