实时预览，运行的正是提示词中携带的代码
购物车界面 支持 Expo Go免费
Hearth Shopping List
A shopping list generated from a week of recipes, merged so a shared ingredient is one line with the total quantity rather than the same thing twice. Sorted by aisle, because that is the order you walk the shop in, and the running total counts down as things go in the trolley.
粘贴到 Claude Code、Cursor 或 Windsurf 中，它会在你的应用中 1:1 构建这个界面。
包含内容
- 文件
- 1 个文件
- 依赖项
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context
- 字体
- @expo-google-fonts/inter
- 兼容性
- Expo SDK 52+，可在 Expo Go 中运行
- 更新时间
- 2026-09-06
这个设计遵循的规则
它完全按照预览效果交付：相同的颜色、相同的字体、相同的文案、相同的动效。提示词会指示你的代理照此构建，而不是让它适配你现有的主题。
