EnglishLive preview, running the exact code the prompt carries
Stats and chartsScreen Expo Go readyFree
Hearth Nutrition
A macro ring where the energy total is computed from the grams rather than typed beside them, so the two can never disagree. Protein, carbohydrate and fat keep their own colours, and the screen says outright that the percentages are of energy and not of weight.
Paste into Claude Code, Cursor or Windsurf. It builds this screen 1:1 in your app.
What ships
- Files
- 1 file
- Dependencies
- @expo-google-fonts/inter, phosphor-react-native, react-native-reanimated, react-native-safe-area-context, react-native-svg
- Fonts
- @expo-google-fonts/inter
- Compatibility
- Expo SDK 52+, runs in Expo Go
- Updated
- 2026-09-07
The rule this design follows
It ships exactly as previewed: same colors, same type, same copy, same motion. The prompt tells your agent not to adapt it to your existing theme. Re-theming afterwards is a one-line ask, but it is yours to make, not ours to guess.
