← 갤러리로 돌아가기

⏱ 포모도로 집중 타이머

25분 집중 + 5분 휴식을 반복하는 시간 관리 타이머 — 어떤 수업에도 바로 쓸 수 있는 범용 도구예요
💡 시작을 눌러보세요. 집중 시간이 끝나면 자동으로 휴식으로 전환되고, 다시 집중으로 돌아옵니다.
집중 시간
25:00

🧾 이 타이머, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"포모도로 집중 타이머"를 단일 HTML 파일로 만들어줘.

- 25분 집중 → 5분 휴식을 반복하는 원형 카운트다운 타이머
- 남은 시간을 원형 프로그레스 링 + mm:ss 텍스트로 크게 표시
- 시작/일시정지/초기화 버튼
- 25분/5분, 50분/10분 두 가지 프리셋을 고를 수 있게 해줘
- 집중 시간이 끝나면 자동으로 휴식 모드로, 휴식이 끝나면 자동으로 다시 집중 모드로 전환
- 완료한 집중 사이클 수를 작은 점(dot)으로 표시해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어 UI로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 도구입니다 — 강의 데모용