01
项目记录
把零散项目信息整理成可以继续编辑的文档草稿。
ProdDoc AI 是一次围绕文档整理的网页尝试。页面把项目信息、参考资料和生成结果放在同一个空间里，方便继续修改和导出。
Next.jsReactshadcn/uidocx
02
背景
背景
写项目说明时，真正耗时的部分不只是生成文字，还包括补齐背景、整理资料、统一结构和后续修改。
03
尝试方式
尝试方式
我把信息填写、模板选择、资料补充、生成预览、继续编辑和导出放到同一页里，减少在多个工具之间来回切换。
04
我做了什么
01
整理页面信息结构
02
搭建文档生成页面
03
实现本地草稿和历史记录
04
尝试模板提取和导出
05
补充稳定演示数据
05
页面路径
01
填写项目信息
02
选择文档用途
03
添加参考资料
04
生成草稿
05
编辑并导出
06
页面细节
先问清楚
用几个固定问题让项目背景、对象和模块先变清楚。
生成后继续改
结果不是终稿，而是可以继续编辑、保存和导出的草稿。
稳定演示
本地数据保证页面随时可以打开，不依赖临时密钥。
UI
页面截图
07
AI 相关尝试
页面尝试用服务端接口生成和改写文档内容，同时保留本地示例，方便在没有模型调用时继续展示页面结构。
结构化结果手动确认备用路径
08
技术栈
页面
Next.js 16 / React 19 / TypeScript / Tailwind CSS
界面
shadcn/ui / Radix UI / lucide-react
文档
docx / mammoth / pdfjs-dist / tesseract.js
检查
localStorage / Playwright / 截图脚本
09
完成的部分
文档整理页面
表单输入
模板和资料解析尝试
草稿编辑
本地历史
Word 导出
10
复盘
这次尝试让我看到，文档工具的重点不只是生成一段文字，而是让输入、修改和导出连在一起。后续还需要继续检查复杂文档结构是否能稳定保留。
11 / 页面 / 代码