Voraussetzungen

Was dein Projekt braucht, bevor ein Prompt sauber landet, und wie man eins aufsetzt, wenn noch nichts da ist.

Was dein Projekt braucht

Sehr wenig, absichtlich. Designs sind eigenständig: jedes bringt seine eigenen Farben, Abstände und Schrift mit, statt sie aus einem Theme zu lesen, deshalb gibt es kein Design-System, das man erst installieren müsste.

Voraussetzung	Warum
Expo SDK 52 oder neuer	Die Versionen, gegen die jedes Design getestet wird. Ältere SDKs funktionieren vielleicht, werden aber nicht geprüft.
TypeScript	Jedes Design wird als .tsx geliefert. Ein JavaScript-Projekt muss die Typen von Hand entfernen.
Ein KI-Code-Agent	Claude Code, Cursor, Windsurf, oder alles, was einen eingefügten Prompt akzeptiert.

Falls du noch kein Projekt hast

Der Prompt erstellt eins für dich, aber du kannst es vorher auch selbst machen, wenn du willst:

npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo start

Was der Prompt installiert

Jedes Design deklariert nur, was es tatsächlich importiert, und der Prompt nutzt npx expo install statt npm install, damit die Versionen zu deinem SDK passen, statt das Neueste zu holen. Die vollständige Liste für jedes Design findest du auf seiner Seite unter "Was enthalten ist".

Fast alles nutzt Reanimated für Bewegung und safe-area-context für sichere Ränder.
Icons kommen von Phosphor, Bilder von expo-image.
Schriftarten kommen von den Expo-Google-Fonts-Paketen, einmal in der Wurzel deiner App geladen.

Reanimated braucht eine Konfigurationszeile

Sein Babel-Plugin muss das letzte im plugins-Array von babel.config.js sein. Wenn Animationen nach dem Einfügen nichts tun, liegt es fast immer daran. Problemlösung deckt den Fix ab.

ZurückÜberblick Weiter Dein erster Screen