徐善彬

前端 / 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 数据处理, 外贸业务流程理解

{ "username": "xushanbin", "header": { "name": "徐善彬", "tagline": "前端 / AI 应用开发 · Next.js + TypeScript + LLM" }, "personalInfo": { "email": "", "phone": "", "location": "合肥" }, "experience": [], "education": [ { "school": "安徽农业大学", "major": "金融学", "degree": "本科", "startDate": "2023.09", "endDate": "至今" } ], "projectsRecent": [ { "title": "TradeDoc AI — 外贸产品资料 RAG 智能助手", "description": "面向外贸业务员的 RAG 知识库问答系统，基于 Next.js 14、TypeScript 与 Dify 构建，覆盖前端 UI、BFF 接口、AI 集成与部署全流程。", "url": "", "tags": [ "Next.js 14", "TypeScript", "Dify", "RAG", "LLM", "Vercel", "Netlify" ] }, { "title": "AI 辅助开发实践", "description": "使用 Claude Code、Codex 与 ChatGPT 进行 Pair Programming，覆盖需求拆解、代码生成、调试、重构与文档编写。", "url": "", "tags": [ "AI Pair Programming", "Prompt Engineering", "RAG", "结构化输出" ] } ], "projectsDetailed": [ { "title": "TradeDoc AI — 外贸产品资料 RAG 智能助手", "type": "独立项目", "startDate": "2025", "endDate": "2025", "url": "", "award": "", "bullets": [ "面向外贸业务员搭建 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 自动构建流程。" ], "tags": [ "Next.js 14", "React 18", "TypeScript", "Tailwind CSS", "Dify", "RAG", "LLM", "BFF", "Vercel", "Netlify" ], "externalLink": { "label": "", "url": "" } }, { "title": "AI 辅助开发实践", "type": "持续实践", "startDate": "2025", "endDate": "至今", "url": "", "award": "", "bullets": [ "使用 Claude Code、Codex 与 ChatGPT 进行 Pair Programming，覆盖需求拆解、代码生成、调试、重构与文档编写。", "探索 LLM 在结构化输出、提示词工程、RAG 检索等方向的工程实践。", "理解 AI 辅助开发的边界，将 AI 作为开发效率放大器，关键架构决策与代码审查仍由人工主导。" ], "tags": [ "Claude Code", "Codex", "ChatGPT", "Prompt Engineering", "RAG" ], "externalLink": { "label": "", "url": "" } } ], "skills": [ { "name": "前端", "items": [ "React 18", "Next.js 14 App Router", "TypeScript strict", "Tailwind CSS 3", "响应式布局", "组件化开发" ] }, { "name": "后端 / BFF", "items": [ "Next.js API Routes", "RESTful 接口设计", "异步请求与错误归一化处理", "服务端环境变量与密钥安全" ] }, { "name": "AI 集成", "items": [ "Dify Chatflow", "Dify Knowledge Base", "LLM Prompt 工程", "RAG 检索流程", "多轮对话状态管理", "LLM 结构化输出解析与降级" ] }, { "name": "工程化", "items": [ "Git", "Vercel", "Netlify", "tsc --noEmit", ".env 多环境配置", "接口超时与异常处理" ] }, { "name": "AI 辅助开发", "items": [ "Claude Code", "ChatGPT", "Codex", "代码生成", "调试", "重构", "文档编写" ] }, { "name": "业务背景", "items": [ "金融学", "财务管理", "国际金融", "统计学", "Excel 数据处理", "外贸业务流程理解" ] } ], "contact": [], "meta": { "updatedAt": "2026-05-24T12:44:47.634Z" } }