실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다
Magneto Charge Schedule
A week of overnight charging drawn as seven columns of 18:00 to 09:00 with the off peak window shaded and each night's block sitting inside it, so the reason for the schedule is visible rather than stated. Every block is derived from the miles that day needs and placed backwards from the departure time, and the saving compares the week's energy at the off peak rate against the same energy at the peak rate.
Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.
프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음
- screen.tsx
- 전체가 작성되어 있어 붙여넣기만 하면 됩니다
- 543줄
- Inter
- Regular, Medium, Semi Bold, Bold, Extra Bold
- @expo-google-fonts 제공
- 통합 규칙
- 1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
- SDK 52+
이 디자인이 따르는 규칙
미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.
