环境要求
在提示词能顺利落地之前，你的项目需要什么，以及如果什么都没有该如何搭建脚手架。
你的项目需要什么
刻意保持极少。每个设计都是自成一体的：它们各自携带自己的颜色、间距和字体，而不是从主题中读取，因此不需要预先安装任何设计系统。
| 要求 | 原因 |
|---|---|
| Expo SDK 52 或更高版本 | 每个设计的测试版本。更旧的 SDK 可能可用，但未经检验。 |
| TypeScript | 每个设计都以 .tsx 形式提供。纯 JavaScript 项目需要手动去除类型标注。 |
| 一个 AI 编程代理 | Claude Code、Cursor、Windsurf，或任何接受粘贴提示词的工具。 |
如果你还没有项目
提示词会为你搭建一个，不过你也可以自己先动手：
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo start提示词会安装什么
每个设计只声明它实际导入的内容，提示词使用 npx expo install 而不是 npm install，因此版本会匹配你的 SDK，而不是拉取最新版本。任何设计页面上“包含内容”部分都有完整清单。
- 几乎所有设计都使用 Reanimated 实现动效，使用 safe-area-context 处理安全区。
- 图标来自 Phosphor，图片来自 expo-image。
- 字体来自 Expo Google Fonts 包，在你的应用根目录中加载一次。
Reanimated 需要一行配置
它的 Babel 插件必须放在 babel.config.js 的 plugins 数组最后。如果粘贴后动画完全不动，几乎总是这个原因。故障排查部分有具体解决方法。