Live-Vorschau, sie läuft mit genau dem Code, den der Prompt enthält
Transom Affordability
An affordability screen where the deposit, the rate and the term are live controls and the monthly payment is the proper amortisation figure rather than the loan divided by the months. A computed split bar shows how much of the first year is interest, a curve shows the year capital overtakes it, and both totals fall out of the same schedule.
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
- 566 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.
