실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다
Transom Book A Viewing
Booking a house viewing where the slot grid is real state read per day from an array, so the week is seven different grids: a free slot is a hairline surface, a taken one is disabled and marked in the data red, and the chosen one is the only solid blue on the screen. The footer derives the end time from the slot and the viewing length.
Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.
프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음
- screen.tsx
- 전체가 작성되어 있어 붙여넣기만 하면 됩니다
- 507줄
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 제공
- 통합 규칙
- 1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
- SDK 52+
이 디자인이 따르는 규칙
미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.
