실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다
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.
Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.
프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음
- screen.tsx
- 전체가 작성되어 있어 붙여넣기만 하면 됩니다
- 566줄
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 제공
- 통합 규칙
- 1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
- SDK 52+
이 디자인이 따르는 규칙
미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.
