Build spec for a web app where users log daily check-ins and receive personalized coaching feedback from an LLM, with a wins archive and streak counter.
Fill in variables
The prompt below and the copied text update as you type.
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 回复：调用 {{llm_api}} (claude-sonnet-4-20250514)，使用系统提示词指导 Claude 以敏锐教练的身份回应——认可努力、指出具体优势，最后提供一个面向未来的洞见。切勿使用“做得好”或“干得不错”等泛泛之词
- 成就存档：所有过往打卡记录与 AI 回复，支持按日期排序、支持搜索
- 连续打卡追踪器：以简单计数器形式显示连续每日打卡天数——不设游戏化徽章
UI：简洁、温暖，衬线体排版，奶油色背景（#F5F0E8）。应感觉像一本私人日记，而非应用程序。除用户设定时间的温和每日提醒外，无任何通知。
技术栈：React 前端，localStorage 用于数据持久化，{{llm_api}} 用于 AI 回复。单页应用，无需后端。