Hi, my name is

Haoya.

I build things for the AI era.

我是一名专注于 AI 应用层的前端工程师,擅长把大模型能力封装成优雅、可交互的 Web 产品。 从 Prompt 工程到 Agent 工作流,我相信好的工程实现能让复杂的 AI 能力变得对用户真正可用。

01.

关于我

你好,我是 Haoya。我从传统前端起步,过去几年逐步把重心转向 AI 原生应用的工程化落地。 我习惯于在像素级还原与工程化可维护性之间寻找平衡,认为设计意图和代码质量不应互相妥协。

我热衷于把 LLM、Agent、RAG 这些复杂能力包装成用户可感知的体验:一次顺滑的流式输出、 一个可解释的引用溯源、一条能被人工介入的工作流,都是我日常打磨的细节。 工作之外,我也持续关注 WebGL、可视化与设计系统方向。

H

What I Work With

AI

  • LLM SDK (Vercel AI / LangChain)
  • RAG & Vector DB
  • Agent & Tool Calling
  • Prompt Engineering

语言

  • JavaScript (ES6+)
  • TypeScript
  • Python
  • HTML / CSS

框架

  • React / Next.js
  • Vue 3
  • Node.js / FastAPI
  • Three.js / WebGL

工具

  • Git & GitHub
  • Vite / Webpack
  • Docker
  • Chrome DevTools

云服务

  • Serverless
  • Vercel
  • Cloudflare

设计

  • Figma
  • Tailwind CSS
  • 设计系统 / Token
  • Prototyping
02.

经历

教育经历

/ Education

计算机科学与技术 · 硕士 @ 某 985 高校

2018 — 2021 · 南京

  • 研究方向为人机交互与数据可视化,发表相关论文 2 篇。
  • 负责实验室 Web 可视化平台前端开发,主导多个横向项目落地。

软件工程 · 学士 @ 某 211 高校

2014 — 2018 · 成都

  • 主修前端工程、数据库系统、计算机网络,连续三年获学业奖学金。
  • 校 ACM 队员与前端技术社团负责人,组织多场校内技术分享。

工作经历

/ Work Experience

高级前端工程师 @ 某 AI 基础设施公司

2023 — 至今 · 北京

  • 主导内部 AI Agent 工作台前端架构,支撑多模型接入、工具调用可视化与对话回放。
  • 设计并落地团队首个基于 Token 流式协议的渲染层,首字延迟降低约 40%。
  • 推动前端设计系统与组件库建设,覆盖 6 条业务线,显著减少重复开发。

前端工程师 @ 某企业协作 SaaS

2021 — 2023 · 杭州

  • 负责文档与知识库模块重构,基于虚拟滚动与增量渲染支撑十万级文档列表。
  • 搭建前端可观测性体系,接入性能埋点与错误监控,关键路径崩溃率下降 60%。
  • 参与从 Vue 2 到 Vue 3 + TypeScript 的渐进式迁移与工程规范制定。

前端实习生 @ 某数据可视化创业团队

2020 — 2021 · 上海

  • 基于 Three.js / WebGL 开发行业大屏可视化组件,服务多个政企客户。
  • 抽象通用图表配置层,将新看板交付周期从两周缩短至三天。

项目经历

/ Projects

AI Chat Studio · 多模型对话工作台 查看作品

2024 — 2025

  • 从 0 到 1 搭建面向团队的 Prompt 版本管理与工具调用可视化平台,支持多模型并行对比。
  • 设计流式消息协议与可回放调用链路,将复杂 Agent 执行过程对非技术同学可视化。

RAG Console · 知识库检索调试平台 查看作品

2023 — 2024

  • 可视化文档切片、向量召回与引用溯源,支持多套 Embedding 与向量库 A/B 对比。
  • 将 RAG 链路每一步中间结果暴露给工程师,显著降低调参排错成本。

Agent Flow · 拖拽式工作流编辑器 查看作品

2023

  • 基于 React Flow 构建多 Agent 协作画布,支持条件分支与人工介入节点。
  • 内置运行时可视化面板,可逐步回放每一次工具调用与状态变更。
03.

精选作品

Featured Project

AI Chat Studio

面向团队的多模型对话工作台,支持 Prompt 版本管理、工具调用可视化与对话分支对比。通过结构化消息协议统一不同模型的流式输出,并提供可回放的调用链路,帮助团队沉淀可复用的 AI 工作流。

  • React
  • TypeScript
  • Vercel AI SDK
  • Tailwind
  • WebSocket

Featured Project

RAG Console

企业知识库检索调试平台,可视化文档切片、向量召回与引用溯源。支持多套 Embedding 与向量库的 A/B 对比,将 RAG 链路中每一步的中间结果暴露给工程师,显著降低调参排错成本。

  • Next.js
  • TypeScript
  • LangChain
  • Vector DB
  • D3.js

Featured Project

Agent Flow

拖拽式 Agent 工作流编辑器,基于 React Flow 构建,支持多 Agent 协作、条件分支与人工介入节点。内置运行时可视化面板,可逐步回放每一次工具调用与状态变更,让复杂 Agent 流程对业务方可读、可审。

  • React
  • React Flow
  • TypeScript
  • Zustand
  • FastAPI
04. What's Next?

Let's Build Together.

目前对新的 AI 产品机会和自由职业合作保持开放。无论是全职机会、项目合作,还是 just say hi, 都欢迎通过邮件联系,我通常会在 48 小时内回复。

发邮件给我