Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Magneto Charging History
Charging history for an electric car, where eight sessions become a bar each, height by kWh and coloured by home or rapid, so the cheap overnight charges and the expensive motorway stops separate at a glance. Total energy, total spend and the home against rapid split are all reduced from the session array, and the tariff is named wherever a cost comes from it.
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
- 479 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.













