실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다
Ballast Payments
An insurance billing screen where the year so far is drawn one payment at a time, every column stacked in the same three tones so the split across the policies is visible nine times over. The countdown to the next payment, the total taken and the annual saving with its percentage are all computed against one reference date.
Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.
프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음
- screen.tsx
- 전체가 작성되어 있어 붙여넣기만 하면 됩니다
- 564줄
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 제공
- 통합 규칙
- 1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
- SDK 52+
이 디자인이 따르는 규칙
미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.













