Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Magneto Charging Site
One rapid charging site with its fourteen bays drawn as computed tiles showing free, in use and out of service alongside each bay's power, a tariff line that works out what a 20 to 80 percent charge costs and takes here, and a reliability figure reduced from the last two dozen sessions.
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
- 499 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.













