Expo-DOM-Komponenten erstellen
Expo-Teams benötigen häufig Webbibliotheken innerhalb nativer Apps, ohne sie neu zu schreiben. Diese Skill leitet Claude, Codex und Claude Code durch sichere DOM-Komponentenmuster.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
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.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benötigt, statt die vollständige Seite zu lesen.
„use-dom“ wird verwendet. Nutzer fragt nach einem Diagramm mit einer reinen Web-Charting-Bibliothek in Expo.
Erwartetes Ergebnis:
Der Assistent empfiehlt eine fokussierte DOM-Komponente, typisierte serialisierbare Props, eine über die dom-Prop festgelegte Höhe und die Verwendung in einem nativen Screen.
„use-dom“ wird verwendet. Nutzer benötigt Routenparameter innerhalb einer DOM-Komponente.
Erwartetes Ergebnis:
Der Assistent erklärt, welche Router-Hooks nativen Zugriff benötigen, und empfiehlt, Werte im übergeordneten Screen zu lesen, bevor Props übergeben werden.
„use-dom“ wird verwendet. Nutzer möchte einen gesamten Screen in eine WebView verschieben.
Erwartetes Ergebnis:
Der Assistent weist auf Performance- und Navigationsbedenken hin und schlägt dann vor, das native Layout um kleinere DOM-Komponenten herum beizubehalten.
The 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.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/expo-use-dom/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/expo-use-dom?utm_source=security_passport_badge)<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><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>expo. (2026). use-dom security audit report (audit version 4) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-use-dom/audits/4@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}
}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"
Füge Charting-Bibliotheken, die von DOM-APIs abhängen, zu einer Expo-App hinzu, während native Screens darum herum erhalten bleiben.
Überführe vorhandene React-Webkomponenten in kleinen, isolierten Schritten in eine native Expo-App.
Erstelle klare Implementierungsleitlinien für Routing, Props, Assets und Plattformverhalten, bevor die Entwicklung beginnt.
Erstelle eine Expo-DOM-Komponente für [web library or UI]. Beziehe die use dom-Direktive, typisierte DOMProps, serialisierbare Props und Anleitung zur nativen Verwendung ein.
Hilf dabei, diese React-Webkomponente in eine Expo-DOM-Komponente zu migrieren. Identifiziere Änderungen an Props, CSS-Handhabung, Asset-Handhabung und Integration in native Screens.
Entwirf eine DOM-Komponente, die asynchrone native Aktionen als Props erhält. Halte Eingaben serialisierbar und erkläre die Fehlerbehandlung über die WebView-Grenze hinweg.
Prüfe diesen Expo-DOM-Komponentenplan auf Performance, Routing, WebView-Größenanpassung, Plattformunterschiede und Fälle, in denen native Komponenten besser sind.
Autor
expoLizenz
MIT
Autorenversion
v1.0.0
Skillstore-Revision
r1
Ref.
30c73eac2afe762f6aa9c4553158769369d47351
Aktualität der Wartung
22.7.2026
Nutzung
4 Downloads · 143 Aufrufe
Dateistruktur
📄 SKILL.md
Tailwind CSS für Expo konfigurieren
Expo-Teams benötigen konsistentes Styling über native und Web-Ziele hinweg. Dieser Skill bietet einen fokussierten Einrichtungsweg für Tailwind CSS v4, NativeWind v5 und react-native-css.
Expo Dev Clients für natives Testen erstellen
Expo-Teams benötigen zuverlässige Entwicklungsclients, wenn nativer Code über Expo Go hinausgeht. Dieser Skill führt durch die Einrichtung von EAS Build, die Bereitstellung über TestFlight, lokale Builds, Installation und grundlegende Fehlerbehebung.
Expo-API-Routen erstellen
Expo Router API-Routen können verwirrend sein, wenn Secrets, Bereitstellung und Laufzeitlimits im Spiel sind. Dieser Skill bietet praktische Muster für das Erstellen, Testen und Bereitstellen von Routen auf EAS Hosting.
Expo-Networking-Flows erstellen
Mobile Apps benötigen zuverlässige API-Anfragen, Caching, Token-Verarbeitung und Offline-Verhalten. Diese Skill führt Expo-Entwickler durch fetch, React Query, SecureStore, NetInfo und umgebungsbasierte Konfiguration.
Expo-Apps mit EAS bereitstellen
Expo-Releases erfordern plattformspezifische Schritte für Builds, Zugangsdaten und Store-Einreichungen. Dieser Skill unterstützt bei EAS-Builds, Einreichungen, Metadaten, Workflows und Rollout-Planung.
Native Expo-App-Oberflächen erstellen
Expo-Apps benötigen oft Navigation, Bedienelemente, Medien und visuelle Feinabstimmung, die sich nativ anfühlen. Diese Skill gibt Codex und Claude praktische Muster für UI-Arbeit mit Expo Router.
React Native Apps optimieren
von vercel-labs
React Native Apps können unter langsamen Listen, ruckelnden Animationen und plattformbezogenen Fehlern leiden. Dieser Skill gibt Codex, Claude und Claude Code prägnante Regeln für performante Arbeit mit Expo und React Native.
React Native Performance optimieren
von CJHarmath
React Native Apps können unter langsamen Listen, zusätzlichen Render-Vorgängen und Blockaden des JS-Threads leiden. Dieser Skill bietet fokussierte Muster für schnellere FlatList Screens, memoized Components, optimierte Selectors, gecachte Bilder und Profiling.
Expo-SDKs sicher aktualisieren
von sickn33
Upgrades des Expo SDK können Abhängigkeiten, Konfiguration und natives Verhalten beeinträchtigen. Dieser Skill bietet einen strukturierten Upgrade-Plan mit Prüfungen für Pakete, App-Einstellungen, APIs und Tests.
Produktionsreife React Native Apps erstellen
von sickn33
Mobile Teams benötigen eine konsistente Expo- und React Native Architektur, bevor der Produktcode wächst. Diese Skill leitet durch Navigation, State, native APIs, Offline-Synchronisierung, Performance und EAS Release-Muster.
React Native-Styling-Muster anwenden
von CJHarmath
React Native-Styling kann über Themes, Screens und Plattformen hinweg inkonsistent werden. Diese Skill bietet praktische NativeWind- und BrandColors-Muster für Expo-Apps.
React Native-Apps zuverlässig testen
von CJHarmath
React Native-Tests schlagen häufig fehl, wenn native Module, Stores und asynchrone Abläufe nicht konsistent gemockt werden. Dieser Skill bietet praktische Muster für Jest und React Native Testing Library.