바로 사용 가능한 React Native 모바일 앱 화면 1500+개

제휴

실시간 미리보기, 프롬프트가 담고 있는 코드와 동일하게 작동합니다

Interval Training Week

캘린더 및 일정피트니스 및 트레이닝2026년 9월 13일 업데이트v2

The training week as seven days, each drawing its planned time in zone as a bar in the five zone colours so the shape of the week is visible as colour instead of described. The weekly total, the zone breakdown and the easy against hard split all reduce from the same blocks, the split being minutes in zones one and two over the week's minutes, and the rest day is rendered as a deliberate state rather than a blank row.

Claude Code, Cursor, Windsurf에 붙여넣으세요. 이 화면을 앱에 1:1로 구현합니다.

프롬프트에 담긴 것모두 인라인, 외부에서 가져오는 것 없음

screen.tsx
전체가 작성되어 있어 붙여넣기만 하면 됩니다
684줄
Inter
Regular, Medium, Semi Bold, Bold, Extra Bold
@expo-google-fonts 제공
통합 규칙
1:1로 제공되며 기존 테마에 맞게 바뀌지 않습니다
SDK 52+

이 디자인이 따르는 규칙

미리보기 그대로 제공됩니다: 같은 색상, 같은 서체, 같은 문구, 같은 모션. 프롬프트는 에이전트에게 이를 그대로 만들고 기존 테마에 맞추지 말라고 지시합니다.

태그

Interval 앱

같은 앱의 다른 디자인 11개Interval 앱 전체

캘린더 및 일정 더 보기

카테고리 보기
Interval Training Week | Clevens