BMI, 체지방률, 칼로리 등을 계산하고 시각화하는 종합 건강 관리 웹앱을 개발할 때 사용합니다.
Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with visual classification scale and health risk assessment. Add body fat percentage calculator using multiple methods (Navy, Jackson-Pollock, BIA simulation). Calculate ideal weight ranges using multiple formulas (Hamwi, Devine, Robinson, Miller). Implement detailed calorie needs calculator with BMR (using Harris-Benedict, Mifflin-St Jeor, and Katch-McArdle equations) and TDEE based on activity levels. Include personalized health recommendations based on calculated metrics. Support both metric and imperial units with seamless conversion. Store user profiles and measurement history with trend visualization. Generate interactive progress charts showing changes over time. Create printable/exportable PDF reports with all metrics and recommendations.
HTML5, CSS3, JavaScript를 사용하여 의학적 기준에 기반한 종합 건강 지표 계산기를 제작하세요. 단계별 입력 폼을 갖춘 깔끔하고 접근성 높은 인터페이스를 만드세요. 시각적 분류 척도 및 건강 위험 평가가 포함된 정확한 BMI 계산 기능을 구현하세요. 다양한 방식(미 해군, 잭슨-폴록, BIA 시뮬레이션)을 사용한 체지방률 계산기를 추가하세요. 여러 공식(함위, 디바인, 로빈슨, 밀러)을 사용하여 적정 체중 범위를 계산하세요. BMR(해리스-베네딕트, 미플린-스조르, 캐치-맥카들 공식 사용) 및 활동 수준에 따른 TDEE가 포함된 상세 칼로리 필요량 계산기를 구현하세요. 계산된 지표를 기반으로 맞춤형 건강 추천 사항을 포함하세요. 미터법과 야드인치법 단위를 모두 지원하고 원활한 변환을 제공하세요. 시각화된 추세 데이터와 함께 사용자 프로필 및 측정 기록을 저장하세요. 시간에 따른 변화를 보여주는 대화형 경과 차트를 생성하세요. 모든 지표와 추천 사항이 담긴 인쇄/내보내기 가능한 PDF 보고서를 만드세요.
출처 · prompts.chat · Health Metrics Calculator — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
TPI 건강 지표 계산기는 의학적 표준 공식(BMI, 체지방률, 이상 체중, BMR 및 TDEE)을 바탕으로 체계적인 신체 분석 데이터와 맞춤형 건강 가이드를 제공하는 뷰 기반 애플리케이션입니다. 390px 모바일 화면에서도 '성별 선택', '신장', '목 둘레' 등 모든 입력 요소가 잘림 없이 직관적으로 배치되며, 실시간 단위 전환과 시각화 차트 및 보고서 출력 기능이 완벽히 작동하도록 최적화하였습니다.
Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards for TPI Health. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with visual classification scale and health risk assessment. Add body fat percentage calculator using multiple methods (Navy, Jackson-Pollock, BIA simulation). Calculate ideal weight ranges using multiple formulas (Hamwi, Devine, Robinson, Miller). Implement detailed calorie needs calculator with BMR (using Harris-Benedict, Mifflin-St Jeor, and Katch-McArdle equations) and TDEE based on activity levels. Include personalized health recommendations based on calculated metrics. Support both metric and imperial units with seamless conversion. Store user profiles and measurement history with trend visualization. Generate interactive progress charts showing changes over time. Create printable/exportable PDF reports with all metrics and recommendations.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards for mopick Health. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with visual classification scale and health risk assessment. Add body fat percentage calculator using multiple methods (Navy, Jackson-Pollock, BIA simulation). Calculate ideal weight ranges using multiple formulas (Hamwi, Devine, Robinson, Miller). Implement detailed calorie needs calculator with BMR (using Harris-Benedict, Mifflin-St Jeor, and Katch-McArdle equations) and TDEE based on activity levels. Include personalized health recommendations based on calculated metrics. Support both metric and imperial units with seamless conversion. Store user profiles and measurement history with trend visualization. Generate interactive progress charts showing changes over time. Create printable/exportable PDF reports with all metrics and recommendations.
mopick 건강 지표 계산기는 의학적 표준 공식(BMI, 체지방률, 이상 체중, BMR 및 TDEE)을 바탕으로 체계적인 신체 분석 데이터와 맞춤형 건강 가이드를 제공하는 뷰 기반 애플리케이션입니다.
390px 모바일 화면에서도 '성별 선택', '신장', '목 둘레' 등 모든 입력 요소가 잘림 없이 직관적으로 배치되며, 실시간 단위 전환과 시각화 차트 및 보고서 출력 기능이 완벽히 작동하도록 최적화하였습니다.
mopick 개선안
원문을 그대로 넣으면 AI 가 매번 다르게 답하거나 중요한 부분을 빠뜨릴 수 있습니다. 개선안은 원문의 뜻과 언어는 그대로 두고 역할 · 바꿔 넣을 입력 칸 · 결과 형식 · 지킬 조건을 보완해 다시 쓴 버전입니다. 원문과 같은 곳(ChatGPT · Claude 등)에 그대로 붙여 넣어 쓰면 됩니다.
AI 평가 점수 — 명확성 · 구체성 · 결과 형식 · 재사용성 기준(100점)
AI 역할레슨 01 배우기 ›
원문 · 없음AI 에게 맡길 역할이 정해져 있지 않아 답의 관점 · 수준이 그때그때 달라질 수 있었습니다.
개선 · 역할을 정함Act as a Senior Frontend Developer. Build a fully functional, accessible single-page healt
입력 칸레슨 05 배우기 ›
원문 · 없음바꿔 넣을 자리가 표시돼 있지 않아 쓸 때마다 원문을 직접 고쳐야 했습니다.
개선 · 3개[CSS Style/Framework, e.g., Vanilla CSS or Tailwind] · [Chart Library, e.g., Chart.js] · [PDF Library, e.g., html2pdf.js]
작업 순서레슨 07 배우기 ›
원문 · 없음작업 순서가 정해져 있지 않아 AI 가 순서를 스스로 정해야 했습니다.
개선 · 3단계
이 개선안에 쓰인 기법 — 프롬프트 클래스에서 배우기
01역할 정하기03결과 모양 정하기04지킬 조건 걸기05입력 칸으로 템플릿 만들기07작업을 단계로 나누기08스스로 검토하게 하기09구역을 나눠 쓰기
원문
Build a comprehensive health metrics calculator with HTML5, CSS3 and JavaScript based on medical standards. Create a clean, accessible interface with step-by-step input forms. Implement accurate BMI calculation with visual classification scale and health risk assessment. Add body fat percentage calculator using multiple methods (Navy, Jackson-Pollock, BIA simulation). Calculate ideal weight ranges using multiple formulas (Hamwi, Devine, Robinson, Miller). Implement detailed calorie needs calculator with BMR (using Harris-Benedict, Mifflin-St Jeor, and Katch-McArdle equations) and TDEE based on activity levels. Include personalized health recommendations based on calculated metrics. Support both metric and imperial units with seamless conversion. Store user profiles and measurement history with trend visualization. Generate interactive progress charts showing changes over time. Create printable/exportable PDF reports with all metrics and recommendations.
개선안 · 색칠한 [칸]에 내 내용을 넣어 쓰세요
Act as a Senior Frontend Developer. Build a fully functional, accessible single-page health metrics application using HTML5, JavaScript, and [CSS Style/Framework, e.g., Vanilla CSS or Tailwind]. Key Requirements: 1. UI/UX: Step-by-step wizard forms with a seamless Metric/Imperial toggle. Clean, WCAG-compliant design. 2. Medical Calculations: - BMI with visual classification scale and health risk assessment. - Body Fat % using Navy, Jackson-Pollock, and BIA simulation methods. - Ideal Weight using Hamwi, Devine, Robinson, and Miller formulas. - BMR (Harris-Benedict, Mifflin-St Jeor, Katch-McArdle) and TDEE based on activity level. 3. Data & Analytics: LocalStorage profile history, interactive trend charts via [Chart Library, e.g., Chart.js], personalized health recommendations, and printable PDF export via [PDF Library, e.g., html2pdf.js]. Output Format: Provide clean, modular, well-commented HTML, CSS, and JS code blocks. Verify math accuracy and edge cases before outputting.