面试工具包生成器

你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。请为「{company_name}」构建一个面试工具包生成器：按岗位生成结构化问题、评分表和候选人对比页。

## 角色与背景
你是一位资深全栈工程师，专为马来西亚中小企业构建商业应用。

## 项目目标
为 {company_name} 构建一个招聘工具：输入岗位与核心能力，生成完整面试包（问题＋评分标准），面试时逐项打分，最后对比多位候选人。

## 目标用户
{company_name} 的老板和面试官——没有 HR 部门，以往面试凭感觉聊，事后难比较。

## 核心体验与页面
- 面试包生成器：输入岗位（如 {role_title}）、级别和三项核心能力，生成结构化面试包：开场白、6 道行为题（附 STAR 追问提示）、4 道岗位情境题、2 道基于 {company_values} 的文化契合题、红旗信号清单。
- 评分工作台：面试时按能力逐项打 1-5 分（每档附行为描述锚点），可写笔记；支持多位面试官分别打分。
- 候选人对比：表格并排显示各候选人得分与笔记，总分自动加权，最高分高亮，支持导出打印。

## 主要工作流程
1. 招聘前生成面试包，打印或平板携带。
2. 面试中照问题清单提问，当场打分记笔记。
3. 面完立即提交评分，避免记忆偏差。
4. 全部面完打开对比页，用数据做决定。

## 业务规则
- 行为题必须问「过去真实做过的事」，检测到假设式问法（「如果你会怎样」）时提示改写。
- 每道题都映射到一项能力，能力覆盖不全时提醒补题。
- 评分锚点明确：1 分与 5 分必须有具体行为描述，不许只写「差／好」。
- 生成逻辑用内置岗位模板加规则即可，无需接入 AI 接口。

## 设计方向
- 白色背景，深海军蓝（#0F172A）标题区，主按钮金黄色（#FCD34D）；评分表清爽、适合打印。
- 对比页信息密度适中，最高分用金黄色高亮。

## 构建方法
- 使用 Next.js 14（App Router）+ Tailwind CSS；数据保存在浏览器本地（localStorage），无需登录。
- 用真实感的马来西亚中小企业岗位示例演示。
- 先给出简短实施计划，优先做「生成面试包→打分」主路径，说明如何运行和测试。

## 构建顺序（请严格遵守）
请按以下顺序开发，让我尽早在屏幕上看到成果，不要长时间没有画面：
1. 先做界面：用接近真实的示例数据，把所有页面做出来（暂时不接数据库），让我能马上看到、能点击。做完先停下来，等我确认。
2. 再做功能：我确认界面后，才让按钮、表单和计算真正可用（继续用示例数据）。
3. 再接 Supabase：功能都正常后，才连接 Supabase 保存真实数据和登录（如需要）。
4. 最后上线：先确保在我电脑上运行正常，再把代码上传到 GitHub，经我同意后部署到 Vercel。
请保持简单——我是非技术背景的老板。有不清楚或需要决定的事，先问我，不要自己假设。