실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다
Teller Card Controls
A card detail screen where the card is drawn rather than photographed, so freezing it repaints the whole thing instead of dropping a badge over a picture. Below it the controls are plain hairline rows with working switches, each carrying one line saying what the consequence actually is in the state it is in, plus the spend that went through the card this month.
Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.
프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음
- screen.tsx
- 전체가 작성되어 있어 붙여넣기만 하면 됩니다
- 559줄
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 제공
- 통합 규칙
- 1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
- SDK 52+
이 디자인이 따르는 규칙
미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.
