HTML/CSS/JS 기반의 기능 풍부한 명상 타이머 웹 애플리케이션 프론트엔드를 신속하게 개발할 때 유용합니다.
Build a mindfulness meditation timer using HTML5, CSS3, and JavaScript. Create a serene, distraction-free interface with nature-inspired design. Implement customizable meditation sessions with preparation, meditation, and rest intervals. Add ambient sound options including nature sounds, binaural beats, and white noise. Include guided meditation with customizable voice prompts. Implement interval bells with volume control and sound selection. Add session history and statistics tracking. Create visual breathing guides with animations. Support offline usage as a PWA. Include dark mode and multiple themes. Add session scheduling with reminders.
HTML5, CSS3, JavaScript를 사용하여 마인드풀니스 명상 타이머를 제작하세요. 자연에서 영감을 받은 디자인으로 마음이 편안하고 산만하지 않은 인터페이스를 만드세요. 준비, 명상, 휴식 간격을 포함하여 맞춤 설정 가능한 명상 세션을 구현하세요. 자연의 소리, 바이노럴 비트, 화이트 노이즈를 포함한 앰비언트 사운드 옵션을 추가하세요. 맞춤 설정 가능한 음성 안내가 포함된 가이드 명상을 포함하세요. 볼륨 조절 및 음향 선택 기능이 있는 간격 벨을 구현하세요. 세션 기록 및 통계 추적 기능을 추가하세요. 애니메이션이 적용된 시각적 호흡 가이드를 만드세요. PWA로 오프라인 사용을 지원하세요. 다크 모드와 여러 테마를 포함하세요. 알림이 제공되는 세션 예약 기능을 추가하세요.
출처 · prompts.chat · Meditation Timer — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
자연에서 영감을 얻은 미니멀하고 편안한 디자인으로 타이머, 시각적 호흡 가이드, Web Audio API 기반 앰비언트 사운드와 세션 통계를 제공하는 웹 애플리케이션 'TPI 마인드'입니다. 가이드 음성, 알림 일정, 테마 변경 및 데이터 통계를 포함하여 완벽하게 작동하는 오프라인 명상 환경을 제공합니다.
HTML5, CSS3, JavaScript를 사용하여 마인드풀니스 명상 타이머 'TPI 마인드'를 제작합니다. 자연에서 영감을 받은 편안하고 차분한 인터페이스를 구현합니다. 준비, 명상, 휴식 간격을 사용자 지정할 수 있는 명상 세션을 만듭니다. 자연 소리, 바이노럴 비트, 화이트 노이즈를 포함한 앰비언트 사운드 옵션을 추가합니다. 사용자 지정 음성 프롬프트가 포함된 가이드 명상을 포함합니다. 볼륨 조절 및 소리 선택이 가능한 간격 벨을 구현합니다. 세션 기록 및 통계 추적 기능을 추가합니다. 애니메이션이 포함된 시각적 호흡 가이드를 만듭니다. PWA로 오프라인 사용을 지원합니다. 다크 모드 및 여러 자연 테마를 포함합니다. 리마인더 알림이 있는 세션 일정 예약 기능을 추가합니다.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
HTML5, CSS3, JavaScript를 사용하여 마인드풀니스 명상 타이머 'mopick 마인드'를 제작합니다. 자연에서 영감을 받은 편안하고 차분한 인터페이스를 구현합니다. 준비, 명상, 휴식 간격을 사용자 지정할 수 있는 명상 세션을 만듭니다. 자연 소리, 바이노럴 비트, 화이트 노이즈를 포함한 앰비언트 사운드 옵션을 추가합니다. 사용자 지정 음성 프롬프트가 포함된 가이드 명상을 포함합니다. 볼륨 조절 및 소리 선택이 가능한 간격 벨을 구현합니다. 세션 기록 및 통계 추적 기능을 추가합니다. 애니메이션이 포함된 시각적 호흡 가이드를 만듭니다. PWA로 오프라인 사용을 지원합니다. 다크 모드 및 여러 자연 테마를 포함합니다. 리마인더 알림이 있는 세션 일정 예약 기능을 추가합니다.
자연에서 영감을 얻은 미니멀하고 편안한 디자인으로 타이머, 시각적 호흡 가이드, Web Audio API 기반 앰비언트 사운드와 세션 통계를 제공하는 웹 애플리케이션 'mopick 마인드'입니다. 가이드 음성, 알림 일정, 테마 변경 및 데이터 통계를 포함하여 완벽하게 작동하는 오프라인 명상 환경을 제공합니다.