一、摘要
使用 TRAE SOLO，从零构建了一个面向数学教师的 “智题 MathFlow（MTF）” 系统。它集成了AI Chat输出的题目解析、Latex公式源码实时编辑/渲染和智能随机组卷三大功能，解决了传统题库管理混乱、数学公式编辑繁琐、人工组卷效率低的问题。全程通过自然语言描述需求，无需手写一行代码，最终产出一个可直接部署的完整 Web 应用。
二、背景
- 角色：数学老师
- 场景与挑战：
教师在建设数学题库时，常遇到几个难题：- 公式难编辑：LaTeX 源码和可视化渲染无法无缝切换，修改公式很痛苦。
- AI 题目难转化：从 ChatGPT 等 AI 复制来的题目文本，无法直接变成可编辑的渲染公式。
- 组卷效率低：手动从题库中抽题组卷，缺乏随机策略，重复性工作多。
为了解决这些痛点，我利用 TRAE SOLO 生成了一个集题库管理、AI Chat输出题目粘贴转化、富文本公式编辑、随机组卷于一体的工具系统。
三、实践过程
1. 任务拆解
我将整个系统拆解为几个核心任务，并逐步与 SOLO 对话推进：
- 搭建基础编辑器：集成 Tiptap 编辑器与 KaTeX 数学公式渲染扩展。
- 攻克核心难题：解决公式初始渲染失败、LaTeX 源码与渲染“所见即所得”切换的问题。
- 扩展完整工作台：添加全局格式化工具栏、图片上传、撤销重做等能力。
- 整合组卷逻辑：实现前端随机抽题与试卷预览功能。
2. 使用的 SOLO 核心能力
- 多文件代码生成：一次性生成包含 HTML/CSS/JS 的完整单页应用。
- 智能 Debug 与迭代：当初始公式无法渲染时，SOLO 能根据我的反馈，从“模拟粘贴”方案迅速切换到更底层的“Insetcontent”方案。
- 功能扩展：通过补充指令，SOLO 精准地添加了工具栏、图片上传、导出等模块。
3. 关键 Prompt 与过程
核心挑战与解决：
- 踩坑：最初通过
setContent设置带$...$的字符串，公式无法渲染。 - SOLO 协助：
- 我反馈：“初始公式渲染失败，但从微信粘贴过来就能渲染。”
- SOLO 分析了
aarkue/tiptap-math-extension扩展的机制，指出是输入规则未被触发。 - 尝试“模拟富文本粘贴”方案未果后，SOLO 迅速调整策略，根据浏览器debug输出结果，采用直接构造编辑器内部公式节点的方式，彻底解决了问题，并完美保留了 Backspace 键在 LaTeX 源码和渲染公式间切换的功能。
4. 成果展示
- 项目仓库地址： https://github.com/bincoo2026/auto-paper-system
- 最终效果图与视频演示：https://v.douyin.com/b3H4lKTXlXo/
- 核心功能：
AI 题目无缝转化：从 AI 聊天框复制的数学题，粘贴即自动渲染为公式。
实时编辑与切换：光标在公式前按 Backspace，可在 LaTeX 源码和渲染视图间“所见即所得”地切换编辑。
完整题库工作台：支持文本格式化、图片上传、撤销重做。
智能随机组卷：支持模板组卷和仪表盘可视化
四、效果与总结
- 提效显著：原来搭建此类编辑器需要查阅大量文档、手动调试兼容性，耗时长。用 SOLO 只需描述想法，核心开发时间从几天短至几个小时的对话交互。
- SOLO 承担的角色：它不仅仅是代码补全，更像一个全栈搭档。它理解技术文档（如 tiptap-math-extension）、提出多种方案（模拟粘贴 vs 结构化注入），并精准实现 UI 布局。
- 方法复用性：“用结构化数据直接初始化编辑器以激活公式渲染”这个思路，可复用到任何基于 Tiptap 的定制化编辑器开发中，极具价值。
