Portfolio © 2026Vol.01 — 精选( Scroll ↓ )

TANG.

保持热爱— Creative Developer & Full Stack Developer

你好,我是Tang。一名全栈开发工程师,以热爱为驱动,以学习为常态,在快速迭代的技术世界里,保持好奇,稳步前行。希望做出有趣、好用的产品。

( 01 ) Selected Works — 作品

最近的作品

AI PPT生成智能体

体验项目 ↗
2026 · AI PPT生成智能体

一句话生成,可导出,可编辑

01 / 03 — AI PPT Agent

AI PPT生成智能体

  • FastAPI
  • LangChain
  • LangGraph
/ 01

多种输入生成大纲

项目支持从主题、长文本和文档三种入口创建 PPT。用户可以控制页数、排版模式、文字量、语气和目标受众。模型不会直接越过用户生成最终页面,而是先产出结构化大纲,标题、页面目标和要点都能修改,也可以增删页面、调整顺序,再决定是否开始生成。

/ 02

异步并发生成

一份 10 页 PPT 如果串行调用模型,很容易让请求等待一分钟以上。项目把每一页拆成独立任务,通过 ARQ Worker 并发执行,用 Redis 保存任务状态并传递事件,前端通过 SSE 实时接收进度。 生成过程中,已经完成的页面可以立即预览,失败页面可以单独重试,用户也可以软取消剩余任务,不需要整份重来。

/ 03

在线编辑

生成后的内容会回到结构化模型里编辑,编辑器左侧是页面缩略图,中间是 16:9 画布,右侧提供 AI 修改、主题、版式和图片面板。文字可以直接编辑;灵活排版页面支持拖动分隔线、调整内容块尺寸、跨容器移动和更换排布;主题切换后,Web 预览和 PPTX 导出会读取同一份主题数据。

/ 04

原生 PPTX 导出

AI 输出的文字长度不可预测,直接导出很容易出现溢出、缺页或整页被渲染成图片的问题。项目在导出前检查结构、文字占用、数字来源和页面边界,把问题分成 error 和 warning:error 阻断导出,warning 提醒用户核对但允许继续。 通过检查后,后端用 python-pptx 逐块构造文本框、表格、图表和图片,再回读生成的文件进行验证。这样得到的 PPTX 不是一张铺满全页的截图,而是能继续修改的原生对象。

AI 闯关学习智能体

体验项目 ↗
2026 · AI 闯关学习智能体

只需一句话,AI自动联网搜索生成题目

02 / 03 — Learn Engine

AI 闯关学习智能体

  • LangChain
  • LangGraph
  • Python
  • FastApi
  • RAG知识库
  • Tavily
/ 01

一句话起题,AI 自动联网搜索并生成闯关题目

大模型的知识有截止日期,所以项目给出题环节接入了 Tavily 联网搜索,用 LangGraph 做成了一个会自己决定搜什么、搜几轮的 ReAct Agent,保证题目不过时。

/ 02

闯关答题,答完立刻判分和讲解

支持单选、多选、判断三种题型,每题答完立刻高亮正确答案、标记错误选项,并给出解析和对应的知识点,答错也一样有讲解。

/ 03

AI 生成通关复盘报告

包含掌握度评分、薄弱知识点、三句话知识总结和下一步学习建议,还会结算本局获得的经验值。

/ 04

想学什么就学什么,输入完全自由

一句话、一段话、一个网址都可以,AI 会自行判断该怎么补全知识背景。

/ 05

上传私有文档,基于自己的知识库出题(RAG)

支持 PDF、Word、Markdown、纯文本四种格式,文档会被自动解析、分块、向量化后存入 Chroma 向量库,之后就能基于这篇文档出题,适合企业培训考核、特定题库复习等场景。

/ 06

闯关记录随时回看

个人中心能看到累计经验值和历史闯关列表,点进任意一条还能回看当时的复盘报告。项目还做了「可选登录」设计,没登录也能完整体验核心流程。

AI 图片编辑智能体

体验项目 ↗
2026 · AI 图片编辑智能体

只需一句话,AI自动规划修图步骤

03 / 03 — Image Editing

AI 图片编辑智能体

  • LangChain
  • LangGraph
  • Python
  • FastApi
  • SQLAlchemy
  • ARQ
  • Redis
/ 01

AI 文生图,输入提示词就能出图

在创作页输入一段提示词,AI 自动生成四张候选图,以四宫格的形式展示给你挑选。整个生成过程通过 SSE 实时推送进度,不用傻等,随时知道跑到哪一步了。选中满意的图片后,直接进入编辑器开始修图。

/ 02

专业级画布编辑器

基于 react-konva 搭建了一个真正能用的图片编辑器,支持画布缩放平移、图层文档管理、撤销重做,还有前后对比滑杆,一拖就能看到修图前后的效果。这不是玩具级 demo,而是对标专业修图软件的交互体验。

/ 03

自然语言驱动修图

这是整个项目最酷的能力。你在对话框里输入一句话,比如“把背景换成海滩”、“提高亮度和饱和度”,AI Agent 会自动分析你的需求,规划出修图步骤,然后一步步调用工具帮你执行。不需要你去找按钮、调参数,说一句话就搞定。

/ 04

21 种编辑工具,覆盖主流修图场景

项目内置了丰富的编辑工具:rembg 一键抠图、11 参调色(亮度/对比度/饱和度/色温等)、裁剪/翻转/缩放/旋转/移动等画布变换、AI 换背景、AI 扩图、超分辨率放大。手动点击工具栏可以用,Agent 也能自动调用,UI 和 Agent 共享同一套工具注册表。

/ 05

局部精细编辑

有了选区之后,可以做局部消除和局部替换。局部消除会用 AI inpainting 把选区内的东西抹掉,自动填补背景;局部替换可以用一句提示词描述你想换成什么,只改选区内容,其他地方纹丝不动。

/ 06

图层拆分和独立操作

一键把图片按语义拆成主体层和背景层,还可以选择拆出 OCR 文字层。拆完之后每个图层可以独立缩放、调色、移动,互不影响。还支持点选画面中的任意物体,把它提升为独立图层,背景自动修复。图层数据用 JSONB 持久化,切换图片再切回来,图层结构不会丢。

/ 07

多步计划和人机协作

当修图需求比较复杂时,AI 会输出一份包含多个步骤的结构化 JSON 计划,每一步标注了依赖关系。服务端会做工具存在性校验、参数合法性检查、依赖补全和环检测,然后按拓扑排序确定执行顺序。用户可以在计划卡片上确认执行、单步重试或取消后续,真正做到人机协作,AI 干活你把关。

( 02 ) About — 关于我

从前端的一像素,到后端的一行日志,前进路上,热爱不减,学习不止。把每一个像素、每一帧动画、每一行代码都当作值得雕琢的工艺。希望和更多有趣的团队一起,做出让人愿意停留的产品。

📍 广州◐ 全栈开发✳ 保持热爱
( 03 ) Services — 我能做什么

从概念到上线,
一站到底。

/ 01

架构设计 Architecture Design

从业务出发规划系统分层、数据模型与技术选型,让产品在持续增长时依然可维护、可演进。

/ 02

全栈开发 Full Stack

用现代技术栈把想法快速落地成真正能上线的产品。

/ 03

交互动效 Motion & Interaction

恰到好处的微交互与滚动叙事,让界面活起来,但绝不喧宾夺主。

/ 04

性能优化 Performance

从首屏加载、渲染到接口与缓存逐层排查,用可量化的指标提升用户体验。

/ 05

AI 应用集成 AI Integration

把大模型接进真实业务流程:提示词编排、流式输出与工具调用,能力可插拔,也守得住成本与边界。

/ 06

工程化与部署 CI/CD & DevOps

用 CI/CD、容器与自动化把「能跑」变成「稳定上线」,从提交到发布只需要一次推送。