Mood Character Dial
A mood picker in two halves. On top, a pastel panel with rounded corners holds one large flat character per mood (a sleeping yellow circle, a coral blob with a plus on its forehead, a pink shopping bag with a heart…), laid out as a carousel with the neighbours' edges peeking in. Below, on a near-black green panel, a two-line serif title, a row of 31 thin bars under a bell-shaped envelope with a gradient needle in the middle, and a row of outlined chips; the chip under the needle is filled with the mood's two-colour gradient.
Is this your design? Ask for a correction or removal
React Native · Expo SDK 52+, TypeScript
✦ If the result drifts from the video, tell your agent what looks different and how it should look. A short correction usually closes the gap.