Requirements
What your project needs before a prompt will land cleanly, and how to scaffold if it has nothing.
What your project needs
Very little, deliberately. Designs are self-contained: each one brings its own colors, spacing and type rather than reading from a theme, so there is no design system to install first.
| Requirement | Why |
|---|---|
| Expo SDK 52 or later | The versions each design is tested against. Older SDKs may work but are not checked. |
| TypeScript | Every design ships as .tsx. A JavaScript project will need the types stripped by hand. |
| An AI coding agent | Claude Code, Cursor, Windsurf, or anything that accepts a pasted prompt. |
If you have no project yet
The prompt will scaffold one for you, but you can do it first if you prefer:
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startWhat the prompt installs
Each design declares only what it actually imports, and the prompt uses npx expo install rather than npm install so versions match your SDK instead of pulling whatever is newest. The full list for any design is on its page under "What ships".
- Almost everything uses Reanimated for motion and safe-area-context for insets.
- Icons come from Phosphor, images from expo-image.
- Fonts come from the Expo Google Fonts packages, loaded once at your app root.
Reanimated needs one config line
Its Babel plugin must be last in the plugins array of babel.config.js. If animations do nothing after a paste, that is almost always why. Troubleshooting covers the fix.