{"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"}}