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.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maßgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "building-native-ui" from https://skillstore.io/skills/expo-building-native-ui.md and its manifest at https://skillstore.io/api/skills/expo-building-native-ui/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.
„building-native-ui“ wird verwendet. Erstelle ein nativ wirkendes Event-App-Layout mit Tabs und Suche.
Erwartetes Ergebnis:
„building-native-ui“ wird verwendet. Verbessere einen Kamerabildschirm in einer Expo-App.
Erwartetes Ergebnis:
„building-native-ui“ wird verwendet. Füge eine schlanke lokale Datenschicht für Einstellungen und Events hinzu.
Erwartetes Ergebnis:
Static analysis reported command, network, storage, filesystem, environment, and prompt-injection indicators, but review found documentation examples for Expo and React Native development. No prompt injection text, credential exfiltration, automatic command execution, malicious network request, or hidden payload behavior 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-building-native-ui/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/expo-building-native-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/expo-building-native-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/expo-building-native-ui.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). building-native-ui security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/expo-building-native-ui/audits/5@techreport{expo-expo-building-native-ui-2026,
author = {expo},
title = {building-native-ui security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/expo-building-native-ui/audits/5},
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: "building-native-ui security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "expo"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/expo-building-native-ui/audits/5"
identifiers:
- type: other
value: "skillstore:expo-building-native-ui:audit:5"
description: "Skillstore immutable audit report identifier"
Nutze Anleitung zu Routen, Stacks, Tabs, Modals und gemeinsamen Gruppen, um eine mobile App ab dem ersten Bildschirm zu strukturieren.
Ersetze generische Bedienelemente durch Expo-Navigation, native tabs, SF Symbols, Blur-Effekte und Form Sheets.
Nutze Referenzen zu Kamera, Audio, Video, Animation, Gradient, WebGPU und Three.js für reichhaltigere App-Interaktionen.
Verwende den building-native-ui Skill, um einen Expo Router-Einstellungsbildschirm zu erstellen. Befolge die Anleitung zu nativen Bedienelementen, Safe Area und Styling.
Verwende den building-native-ui Skill, um ein Expo Router-Layout mit native tabs, einem Such-Tab und Stack-Bildschirmen für Detailseiten zu entwerfen.
Verwende den building-native-ui Skill, um Reanimated-Übergänge, Kameraaufnahme und Medienspeicherung mit klaren Berechtigungen zu einer Expo-App hinzuzufügen.
Verwende den building-native-ui Skill, um meine Expo Router-App zu prüfen und Änderungen für Routen, Tabs, Speicher, Effekte und Plattform-APIs vorzuschlagen.
Autor
expoLizenz
MIT
Autorenversion
v1.0.0
Skillstore-Revision
r1
Repository
https://github.com/expo/skills/tree/main/plugins/expo-app-design/skills/building-native-ui/Ref.
a06681402992ceae98ba04d54cfd4ab004862696
Aktualität der Wartung
22.7.2026
Nutzung
5 Downloads · 221 Aufrufe
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-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.
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.
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.