150 × 203 pt auf einem 390-pt-Screen. Die Demo läuft live, einen Klick entfernt.
Moon Phase Dial
A lit disc drawn from one age-in-days number, so the phase name, the percentage lit and the countdown to full can never disagree with each other. A crescent and a gibbous are the same three shapes with the terminator ellipse filled the other way.
In Claude Code, Cursor oder Windsurf einfügen. Baut diese Komponente 1:1 in deiner App.
Was der Prompt enthältAlles eingebettet, nichts wird nachgeladen
- 2 Dateien
- vollständig ausgeschrieben, bereit zum Einfügen
- 365 Zeilen
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- über @expo-google-fonts
- Integrationsregeln
- wird 1:1 geliefert, nie an dein Theme angepasst
- SDK 52+
Die Regel, an die sich dieses Design hält
Es wird genau wie in der Vorschau ausgeliefert: gleiche Farben, gleiche Schrift, gleicher Text, gleiche Animation. Der Prompt weist deinen Agenten an, es so zu bauen und nicht an dein vorhandenes Theme anzupassen.
