Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Magneto Charge Schedule
A week of overnight charging drawn as seven columns of 18:00 to 09:00 with the off peak window shaded and each night's block sitting inside it, so the reason for the schedule is visible rather than stated. Every block is derived from the miles that day needs and placed backwards from the departure time, and the saving compares the week's energy at the off peak rate against the same energy at the peak rate.
In Claude Code, Cursor oder Windsurf einfügen. Baut diesen Screen 1:1 in deiner App.
Was der Prompt enthältAlles eingebettet, nichts wird nachgeladen
- screen.tsx
- vollständig ausgeschrieben, bereit zum Einfügen
- 543 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.













