개인화된 AI 코칭 및 저널링 단일 페이지 웹 애플리케이션을 빠르게 프로토타이핑할 때 활용합니다.
Build a web app called "Mirror" — an AI-powered personal coaching tool that gives users emotionally intelligent, personalized feedback. Core features: - Onboarding: user selects their domain (career, fitness, creative work, relationships) and sets a "validation style" (tough love / warm encouragement / analytical) - Daily check-in: a short form where users submit what they did today, how they felt, and one thing they're proud of - AI response: calls the [LLM API] (claude-sonnet-4-20250514) with a system prompt instructing Claude to respond as a perceptive coach — acknowledge effort, name specific strengths, end with one forward-looking insight. Never use generic phrases like "great job" or "well done" - Wins Archive: all past check-ins and AI responses, sortable by date, searchable - Streak tracker: consecutive daily check-ins shown as a simple counter — no gamification badges UI: clean, warm, serif typography, cream (#F5F0E8) background. Should feel like a private journal, not an app. No notifications except a gentle daily reminder at a user-set time. Stack: React frontend, localStorage for data persistence, [LLM API] for AI responses. Single-page app, no backend required.
"Mirror"라는 웹 앱을 제작하세요 — 사용자에게 감성 지능적이고 맞춤화된 피드백을 제공하는 AI 기반 개인 코칭 툴입니다. 핵심 기능: - 온보딩: 사용자가 자신의 분야(커리어, 피트니스, 크리에이티브 작업, 인간관계)를 선택하고 "검증 스타일"(엄격한 조언 / 따뜻한 격려 / 분석적)을 설정합니다. - 일일 체크인: 사용자가 오늘 한 일, 느낀 점, 자랑스러운 점 한 가지를 제출하는 짧은 폼 - AI 응답: 통찰력 있는 코치로서 응답하도록 Claude에게 지시하는 시스템 프롬프트와 함께 [LLM API] (claude-sonnet-4-20250514)를 호출합니다 — 노력을 인정하고, 구체적인 강점을 언급하며, 미래지향적인 인사이트 하나로 마무리합니다. "잘했어요"나 "수고하셨습니다" 같은 진부한 문구는 절대 사용하지 마세요. - 성과 아카이브: 날짜별 정렬 및 검색이 가능한 모든 과거 체크인 및 AI 응답 - 연속 달성 기록 트래커: 단순 카운터로 표시되는 연속 일일 체크인 — 게임화 뱃지 없음 UI: 깔끔하고 따뜻하며, 세리프 서체와 크림색(#F5F0E8) 배경. 앱이 아닌 개인 일기장 같은 느낌이어야 합니다. 사용자가 설정한 시간의 부드러운 일일 알림 외에는 알림이 없습니다. 스택: React 프론트엔드, 데이터 보존을 위한 localStorage, AI 응답을 위한 [LLM API]. 단일 페이지 앱이며 백엔드는 필요하지 않습니다.
출처 · prompts.chat · AI-Powered Personal Compliment & Coaching Engine — 원문은 출처에 게시된 그대로이며, 권리는 원작자에게 있습니다.
Gemini로 프롬프트를 실행해 생성한 화면입니다. 화면 안에서 직접 조작하실 수 있습니다.
아늑한 크림 톤(#F5F0E8)과 정갈한 세리프 타이포그래피를 적용하여 아날로그 일기장의 감성을 담은 AI 개인 코칭 웹 앱 'TPI 미러'를 구현하였습니다. 사용자의 목표 분야 및 피드백 스타일 설정, 일일 기록 작성, 상투적이지 않은 감성적 AI 피드백 생성, 성찰 아카이브 검색·정렬 및 지속 기록 스트릭 추적 기능을 완벽하게 지원합니다.
Build a web app called "TPI 미러" — an AI-powered personal coaching tool that gives users emotionally intelligent, personalized feedback. Core features: - Onboarding: user selects their domain (커리어, 피트니스, 크리에이티브, 인간관계) and sets a "validation style" (혹독한 직언 / 따뜻한 격려 / 분석적 피드백) - Daily check-in: a short form where users submit what they did today, how they felt, and one thing they're proud of - AI response: generates responsive coaching insights as a perceptive coach — acknowledge effort, name specific strengths, end with one forward-looking insight. Never use generic phrases like "잘했습니다" or "수고했어요" - Wins Archive: all past check-ins and AI responses, sortable by date, searchable - Streak tracker: consecutive daily check-ins shown as a simple counter — no gamification badges UI: clean, warm, serif typography, cream (#F5F0E8) background. Should feel like a private journal, not an app. No notifications except a gentle daily reminder at a user-set time. Stack: Single-page app using pure HTML/CSS/JS, local state for data persistence, simulated intelligent AI response generation. No backend required.
Gemini로 실행한 결과입니다. 입력 항목에는 국내 환경의 예시값을 적용했습니다(AI 생성 — 사실 확인 필요).
Build a web app called "TPI 미러" — an AI-powered personal coaching tool that gives users emotionally intelligent, personalized feedback. Core features: - Onboarding: user selects their domain (커리어, 피트니스, 크리에이티브, 인간관계) and sets a "validation style" (혹독한 직언 / 따뜻한 격려 / 분석적 피드백) - Daily check-in: a short form where users submit what they did today, how they felt, and one thing they're proud of - AI response: generates responsive coaching insights as a perceptive coach — acknowledge effort, name specific strengths, end with one forward-looking insight. Never use generic phrases like "잘했습니다" or "수고했어요" - Wins Archive: all past check-ins and AI responses, sortable by date, searchable - Streak tracker: consecutive daily check-ins shown as a simple counter — no gamification badges UI: clean, warm, serif typography, cream (#F5F0E8) background. Should feel like a private journal, not an app. No notifications except a gentle daily reminder at a user-set time. Stack: Single-page app using pure HTML/CSS/JS, local state for data persistence, simulated intelligent AI response generation. No backend required.
아늑한 크림 톤(#F5F0E8)과 정갈한 세리프 타이포그래피를 적용하여 아날로그 일기장의 감성을 담은 AI 개인 코칭 웹 앱 'TPI 미러'를 구현하였습니다.
사용자의 목표 분야 및 피드백 스타일 설정, 일일 기록 작성, 상투적이지 않은 감성적 AI 피드백 생성, 성찰 아카이브 검색·정렬 및 지속 기록 스트릭 추적 기능을 완벽하게 지원합니다.
원문과 같은 언어로 보완한 프롬프트입니다. 점수는 명확성 · 구체성 · 출력 형식 · 재사용성 기준의 AI 평가입니다.
Act as a Senior Frontend Developer. Build a single-page React web app called "Mirror" — an AI-powered personal coaching tool that provides emotionally intelligent feedback.
Core Features & Requirements:
1. Onboarding: Allow users to select a domain (career, fitness, creative work, relationships) and validation style (tough love, warm encouragement, analytical). Save preferences in localStorage.
2. Daily Check-in: Form collecting today's actions, feelings, and one proud achievement.
3. AI Integration: Call [LLM API] (claude-sonnet-4-20250514). Use system prompt: respond as a perceptive coach — acknowledge effort, name specific strengths, and provide one forward-looking insight. Strictly forbid generic praise ("great job", "well done"). Add loading and error states.
4. Wins Archive: Filterable list of past check-ins and responses with date sorting and search.
5. Streak Tracker: Simple counter for consecutive check-in days.
UI/UX Design:
- Clean, warm aesthetic, serif typography, cream (#F5F0E8) background.
- Feels like a private journal. Include optional local daily reminder trigger.
Deliverable:
- Provide complete, runnable single-file React component code using localStorage and API fetch logic.