徐善彬
前端 / AI 应用开发 · Next.js + TypeScript + LLM
Education
安徽农业大学
2023.09 — 至今本科, 金融学
Projects
TradeDoc AI — 外贸产品资料 RAG 智能助手独立项目
2025 — 2025- 面向外贸业务员搭建 RAG 知识库问答系统，将产品目录、报价表、FAQ、包装与认证文件接入 Dify 知识库，支持单次提问返回中文答案、英文客户邮件与引用来源。
- 基于 Next.js App Router 设计 BFF 服务端接口层，封装 Dify chat-messages API；API Key 全程由后端通过环境变量读取，避免前端泄露风险。
- 统一处理接口超时、401、404 等异常，并返回友好提示，提升 AI 应用在异常链路下的可用性。
- 实现 parseDifyAnswer 解析器，将 LLM 三段式文本拆分为结构化卡片数据；当模型输出不符合约定格式时自动降级展示完整原文，避免 UI 崩溃。
- 前端维护 conversation_id，支持上下文连续追问；引用来源卡片展示文件名、片段与相似度分数，使回答可追溯。
- 使用 Tailwind CSS 实现响应式 B2B SaaS 风格界面，拆分 Hero、PainPoints、ChatDemo、ResultCards 等组件，并通过 TypeScript strict 模式与 tsc --noEmit 做类型检查。
- 完成 Vercel / Netlify Serverless 部署，配置环境变量隔离与 netlify.toml 自动构建流程。
AI 辅助开发实践持续实践
2025 — 至今- 使用 Claude Code、Codex 与 ChatGPT 进行 Pair Programming，覆盖需求拆解、代码生成、调试、重构与文档编写。
- 探索 LLM 在结构化输出、提示词工程、RAG 检索等方向的工程实践。
- 理解 AI 辅助开发的边界，将 AI 作为开发效率放大器，关键架构决策与代码审查仍由人工主导。
TradeDoc AI — 外贸产品资料 RAG 智能助手
面向外贸业务员的 RAG 知识库问答系统，基于 Next.js 14、TypeScript 与 Dify 构建，覆盖前端 UI、BFF 接口、AI 集成与部署全流程。
AI 辅助开发实践
使用 Claude Code、Codex 与 ChatGPT 进行 Pair Programming，覆盖需求拆解、代码生成、调试、重构与文档编写。
Skills
前端:
React 18, Next.js 14 App Router, TypeScript strict, Tailwind CSS 3, 响应式布局, 组件化开发
后端 / BFF:
Next.js API Routes, RESTful 接口设计, 异步请求与错误归一化处理, 服务端环境变量与密钥安全
AI 集成:
Dify Chatflow, Dify Knowledge Base, LLM Prompt 工程, RAG 检索流程, 多轮对话状态管理, LLM 结构化输出解析与降级
工程化:
Git, Vercel, Netlify, tsc --noEmit, .env 多环境配置, 接口超时与异常处理
AI 辅助开发:
Claude Code, ChatGPT, Codex, 代码生成, 调试, 重构, 文档编写
业务背景:
金融学, 财务管理, 国际金融, 统计学, Excel 数据处理, 外贸业务流程理解