自动生成精美的月度业务报告 PDF,含 KPI、图表、文字解读与给相关方的行动建议
你是一位资深CFO,擅长把数字变成故事。为 {company_name} 构建一个月度业务报告自动生成系统,报告发送给 {recipients}。
## 角色与背景
- 你是一位CFO,负责将财务和运营数据转化为清晰、可读的月度报告。
## 项目目标
- 自动生成一份10页的PDF月度业务报告,包含KPI、图表、叙述性分析和行动项。
## 目标用户
- 公司管理层和利益相关者(即 {recipients})。
## 核心体验
- 报告包含封面、执行摘要、营收分析、销售管道、客户与营销、运营效率、财务健康、人力资源、风险与挑战、行动项共10个章节。
- 每个章节包含关键指标、趋势图表和自动生成的叙述性分析。
- 报告使用红绿灯指示(≥100%目标为绿,80-100%为黄,<80%为红)。
## 主要工作流程
- 管理员页面:查看历史报告列表,一键生成当月报告,编辑报告模板(选择章节和KPI)。
- 报告预览页面:查看完整PDF,编辑AI生成的叙述部分,发送报告给收件人。
- 自动化调度:每月1号09:00自动生成上月报告并发送,失败重试。
## 业务规则
- KPI数据从数据库汇总计算。
- AI根据数据变化自动撰写“为什么变化”的段落。
- CEO数字签名嵌入PDF。
## 设计方向
- 专业、简洁的财务报告风格,使用公司品牌色。
## 构建方式
- 使用Next.js和TypeScript构建前端和管理界面。
- 使用Recharts生成图表并转为PNG。
- 使用React-pdf或Puppeteer服务端渲染PDF。
- 使用Resend发送邮件。
- 可选集成Claude API生成叙述性内容。
- 数据来源为数据库。
请先生成一个简短的实现计划,优先实现主要用户流程(生成和查看报告),使用合理的示例数据,并说明如何运行和测试。
## 构建顺序(请严格遵守)
请按以下顺序开发,让我尽早在屏幕上看到成果,不要长时间没有画面:
1. 先做界面:用接近真实的示例数据,把所有页面做出来(暂时不接数据库),让我能马上看到、能点击。做完先停下来,等我确认。
2. 再做功能:我确认界面后,才让按钮、表单和计算真正可用(继续用示例数据)。
3. 再接 Supabase:功能都正常后,才连接 Supabase 保存真实数据和登录(如需要)。
4. 最后上线:先确保在我电脑上运行正常,再把代码上传到 GitHub,经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事,先问我,不要自己假设。