关于
AgentLab
AgentLab 是面向前端工程师的 AI Agent 系统学习平台。 我们相信,拥有 async/await 和状态管理经验的前端工程师, 已经掌握了构建 AI Agent 所需的大部分思维模型。 只需一座桥梁,把已有技能映射到 AI 工程领域。
为什么是前端工程师
async/await · Promise→Agent Loop 异步 I/O
事件驱动思维→Tool Use 回调机制
Redux · Zustand 状态管理→Agent State 管理
API 调用与错误处理→LLM API 调用
组件化 · 模块化思维→Subagent 拆分
TypeScript 类型系统→Zod 结构化输出
学习路线
交互工具
设计原则
前端为起点
所有概念从 JS/TS 生态出发,async/await 就是 Agent Loop,Zustand 就是 Agent State。不要求 Python 背景,不讲 GPU 编程,不训练模型。
代码先于理论
每个概念都有对应的可运行代码示例。先看代码,再理解原理。每章配套交互工具,在浏览器中直接体验,无需本地安装。
工程而非科研
关注如何用 LLM API 构建可靠的生产应用,而不是研究模型内部结构。可观测性、错误处理、成本控制是一等公民。
持续更新
AI 工具链迭代极快。我们持续跟踪 Vercel AI SDK、LangGraph.js、Mastra、MCP 等工具的最新变化,保持内容时效性。
技术栈
框架Next.js 15 App Router
语言TypeScript 5
样式Tailwind CSS v4
UI 组件shadcn/ui + Radix UI
动画GSAP ScrollTrigger
图标@tabler/icons-react
字体Geist + Geist Mono
部署Vercel
开源在 GitHub欢迎提交 Issue、PR 或 Star。
github.com/Mt-Youya →