EnglishLive preview, running the exact code the prompt carries
AccordionsScreen Expo Go readyFree
Two levels
Nesting that stops at two levels on purpose, because sixteen points of indent three times over puts a leaf label seventy points from the edge and leaves half a phone width for the text people came to read.
Paste into Claude Code, Cursor or Windsurf. It builds this screen 1:1 in your app.
What ships
- Files
- 2 files
- Dependencies
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- Fonts
- @expo-google-fonts/inter
- Compatibility
- Expo SDK 52+, runs in Expo Go
- Updated
- 2026-09-08
The rule this design follows
It ships exactly as previewed: same colors, same type, same copy, same motion. The prompt tells your agent to build that, and not to adapt it to your existing theme.
