正式可上线版 · Next.js App Router

研数掌上通

面向手机端的考研数学智能讲题网页:支持大模型接入、Markdown/数学公式渲染、 详细步骤、第一性原理解释、动画脚本生成,以及拍照上传题目直接讲解。

移动端优先单列卡片 + 相机直传 + 底部操作区
服务端 API保护密钥,便于上线部署
可扩展后续可接错题本 / OCR / 题型标签

提示词工坊

可直接输入题目,也可用手机拍照上传,服务端会统一发给模型做讲解。

Prompt Builder

Prompt 预览

图片上传后,提示词会自动加入“先识别题面再讲解”的要求。

Preview
你是一名考研老师讲题风格的考研数学名师,专门辅导高等数学。

请讲解下面这道题:
设函数 f(x)=x^2,求 x=1 处的导数,并说明导数的几何意义。

要求:
1. 先判断题型、考点、推荐解法,并说明为什么优先想到这个方法。
2. 按考研数学老师讲题方式,写出完整且不跳步的详细解题步骤。每一步都说明用了什么定义、定理或技巧,以及这一步的目的。
3. 从第一性原理解释核心概念,优先说明本质、定义、几何/直觉意义,再给出考试中的标准做法。
4. 额外输出一个适合手机网页播放的“演示动画脚本”,用 4~8 个分镜说明画面元素、变化过程、字幕文案与用户应该看到的数学直觉。
5. 输出格式适合手机端阅读:短段落、小标题、关键公式单独成行、结论单独总结。
6. 如果题目存在易错点,请单独列出“常见错误”和“如何避免”。
7. 如果存在更快的考场写法,请在详细解答后补充“考场速解版”。
8. 最后输出一个“本题带走的核心方法”,便于学生复盘。

请按以下结构输出:
- 题型判断
- 考点定位
- 解题思路
- 详细步骤
- 第一性原理解释
- 演示动画脚本
- 常见错误
- 考场速解版
- 核心方法总结

AI 讲解结果

这里会渲染服务端返回的 Markdown + 数学公式结果。

Renderer
还没有生成讲解

点击“生成 AI 讲解”后,服务端会调用模型并把结果渲染在这里。

上线版架构

这版已经是正式项目结构,不再是单文件 demo。

Roadmap
  • 前端:Next.js App Router + 移动端组件化页面 + 相机上传入口
  • 服务端:/api/solve 统一代理 OpenAI 兼容模型
  • 识题:图片以多模态消息直发模型,适合手机拍题场景
  • 渲染:Markdown、表格、代码块、LaTeX 数学公式