一、摘要
使用 TRAE SOLO，从零构建了一个面向数学教师的 “智题 MathFlow（MTF）” 系统。它集成了AI Chat输出的题目解析、Latex公式源码实时编辑/渲染、数学公式编辑输入和智能随机组卷四大功能，解决了传统数学题库管理混乱、数学公式显示和编辑繁琐、人工组卷效率低的问题。全程通过自然语言描述需求，无需手写一行代码，最终产出一个可直接部署的完整 Web 应用。
二、背景
- 角色：数学老师
- 场景与挑战：
教师在建设数学题库时，常遇到几个难题：- 公式难编辑与显示：LaTeX 源码和可视化渲染无法无缝切换，修改公式很痛苦。
- AI 题目难转化：从 ChatGPT 等 AI 复制来的题目文本，无法直接变成可编辑的渲染公式。
- 组卷效率低：手动从题库中抽题组卷，缺乏随机策略，重复性工作多。
为了解决这些痛点，我利用 TRAE SOLO 生成了一个集题库管理、AI Chat输出题目粘贴转化、富文本公式编辑、随机组卷于一体的数学题库系统。
三、实践过程
1. 任务拆解
我将整个系统拆解为几个核心任务，并逐步与 SOLO 对话推进：
- 底层题目格式：采用“markdown+latex”的题库格式
- 搭建基础编辑器：集成 Tiptap 编辑器与 KaTeX 数学公式渲染。
- 攻克核心难题：解决公式初始渲染失败、LaTeX 源码与渲染“所见即所得”切换的问题。
- 插入公式：集成mathlive，解决数学公式的便捷输入问题。
- 整合组卷逻辑：实现前端随机抽题，模板组卷，随机组卷功能。
2. 使用的 SOLO 核心能力
- solo一步构建初始架构：根据功能描述，一次性生成包含 HTML/CSS/JS +python的完整前端+后端的原型系统代码。
- solo的/plan模式：基于原型系统，利用/plan模式一步一步规划并实现新功能模块。
- 利于solo回退反复迭代：回退功能能保证高效率的打磨，迭代，修改和验证。
- **solo的版本管理：**利用其可视化分支管理，高效同步本地和远端仓库。
- web前端预览：solo系统集成web前端预览功能，大大方便前端开发和调试，极大提高效率。
3. 关键 Prompt 与过程
核心挑战与解决：
-
踩坑：没有plan直接增加功能模块，往往理想不能照进现实，修改又吃力不讨好。
-
数学公式编辑器实现：
根据需求prompt, solo规划并实现了基于tiptap及其配套插件的最小原型编辑器，但latex公式的渲染总是出问题，通过web前端预览debug查找问题根源，SOLO搞清楚通过setContent设置带$...$的字符串，公式初始无法渲染，并切换到底层函数Insetcontent 激活tiptap-math-extension扩展达成目标，并进一步解决了编辑器粘贴数学公式的渲染问题，从而实现了从豆包等AI chat直接拷贝数学公式完成渲染的漂亮功能。 -
SOLO 协助集成mathlive插入公式：本来以为这是一个比较大和困难功能模块，SOLO一步完成mathlive插入公式和原
tiptap编辑器的集成和公式渲染，并实现了原编辑器里面渲染好的数学公式通过mathlive进行二次编辑的主要功能，后续只进行了微调就达到了功能设计目标。
4. 成果展示
- 项目仓库地址： https://github.com/bincoo2026/auto-paper-system
- 最终效果图与视频演示：https://v.douyin.com/2ANO8s93L4E/
- 核心功能：
AI 题目无缝转化：从 AI 聊天框复制的数学题，粘贴即自动渲染为公式。
实时编辑与切换：光标在公式前按 Backspace，可在 LaTeX 源码和渲染视图间“所见即所得”地切换编辑。
完整题库工作台：支持文本格式化、图片上传、撤销重做。
智能随机组卷：支持模板组卷和仪表盘可视化
四、效果与总结
- 从0到1提效显著：用 SOLO 只需描述想法，全程自然语言对话交互，无需专业编程知识或掌握编程语言，即可实现这么一个具有一定技术含量的软件系统。
- SOLO 承担的角色：它不仅仅是代码补全，更像一个全栈搭档。它理解技术文档（如 tiptap-math-extension+mathlive）、提出多种方案（模拟粘贴 vs 结构化注入），并精准实现 UI 布局。
- 方法复用性：“用结构化数据直接初始化编辑器以激活公式渲染”这个思路，可复用到任何基于 Tiptap 的定制化编辑器开发中，极具价值。
