Claude Code 背后的秘密:这套免费课程让我看懂了 AI Agent

Claude Code 背后的秘密:这套免费课程让我看懂了 AI Agent

大家好,我是悟鸣。(微信公众号:悟鸣AI

图片

很多朋友都在问两个问题:

  1. 想系统学习 Agent 原理,但不知道从哪里开始。
  2. 已经在用 Claude Code,但想搞清楚它背后的机制。

今天这篇就推荐一个很适合入门到进阶的开源项目:learn-claude-code


这个项目解决了什么问题?

图片

它把“会用工具”和“理解原理”之间的鸿沟补上了:

  • 不只讲概念,而是从最小可运行循环开始。
  • 每一课只增加一个机制,学习路径清晰。
  • 代码能跑、过程可观察、原理可追踪。
图片

GitHub 仓库地址:https://github.com/shareAI-lab/learn-claude-code


先看最小循环:Agent 是怎么“动起来”的

图片

这是 AI Coding Agent 的最小循环。生产级 Agent 会在此基础上叠加策略、权限和生命周期管理。

LLM 本身只能生成文本,但编程任务需要与真实世界交互(读写文件、运行命令、搜索代码)。 这个循环的作用是让 LLM 能够:

  • 判断何时需要调用工具
  • 调用工具并获取结果
  • 基于结果继续推理和执行

12 节课怎么设计?

图片

项目提供了 12 节循序渐进的课程:从简单循环到隔离化自动运行。每节课只增加一个机制,并配一句“格言”。

编号

格言

解释

s01

One loop & Bash is all you need

一个工具 + 一个循环 = 一个智能体

s02

加一个工具,只加一个 handler

循环不用动,新工具注册进 dispatch map 就行

s03

没有计划的 agent 走哪算哪

先列步骤再动手,完成率翻倍

s04

大任务拆小,每个小任务干净的上下文

子智能体用独立 messages[],不污染主对话

s05

用到什么知识,临时加载什么知识

通过 tool_result 注入,不塞 system prompt

s06

上下文总会满,要有办法腾地方

三层压缩策略,换来无限会话

s07

大目标要拆成小任务,排好序,记在磁盘上

文件持久化的任务图,为多 agent 协作打基础

s08

慢操作丢后台,agent 继续想下一步

后台线程跑命令,完成后注入通知

s09

任务太大一个人干不完,要能分给队友

持久化队友 + 异步邮箱

s10

队友之间要有统一的沟通规矩

一个 request-response 模式驱动所有协商

s11

队友自己看看板,有活就认领

不需要领导逐个分配,自组织

s12

各干各的目录,互不干扰

任务管目标,worktree 管目录,按 ID 绑定

这 12 课的关键价值在于:循环框架基本不变,你看到的是“能力层层叠加”的过程。


怎么跑起来?(CLI 实操)

git clone https://github.com/shareAI-lab/learn-claude-code cd learn-claude-code pip install -r requirements.txt cp .env.example .env  # 编辑 .env 填入你的 ANTHROPIC_API_KEY python agents/s01_agent_loop.py                  # 从这里开始 python agents/s12_worktree_task_isolation.py     # 完整递进终点 python agents/s_full.py                           # 总纲:全部机制合一
图片

这个项目是可运行的 Coding Agent 简化实现,需要配置你自己的 API Key,才能观察完整交互过程。

图片

为什么要 cp .env.example .env

  • .env.example 是模板文件,可以提交到仓库。
  • .env 通常在 .gitignore 中,会在 Git 推送时被忽略。
  • 这样能避免 API Key 泄露。
图片

所以,把你的密钥和配置写进 .env 即可。

如果运行时报错,优先检查环境变量是否配置正确。多数初始问题都来自这里。

跑通脚本后,你可以直接在终端里和智能体对话;一边跑、一边看源码,理解速度会快很多。


再用 Web 可视化加深理解

图片

CLI 适合实操,Web 页面更适合建立整体认知。项目提供了交互式可视化、分步动画、源码查看器,以及每节课的配套文档。

cd web && npm install && npm run dev  # http://localhost:3000
图片

命令执行后,在浏览器打开对应地址即可进入学习页面。

每节课都能看到动画演示、学习材料、模拟过程和源码,还能进一步做深入探索。

图片

你可以在这个交互页面按章节学习,也可以回到终端直接和对应章节的 Agent 对话。

图片

每个章节都明确标注了相对前一章的变化点,这对建立“演进视角”非常有帮助。

图片

从智能体循环、TODO 子智能体,到 Skills、任务系统、上下文压缩、Agent 团队、自主协作与用户隔离,这套内容覆盖得很完整。


总结

图片

如果你想真正理解 AI Agent 的工作原理,而不只是停留在“会用工具”,这个项目是很好的切入点:

  • 循序渐进:12 节课,每节只加一个机制,学习负担可控。
  • 可运行代码:不是纸上谈兵,代码能跑、能调试、能改。
  • 可视化学习:交互式页面把抽象循环变得可感知。
  • 生产级思维:任务拆分、上下文管理、多 Agent 协作都贴近真实系统设计。

无论你是想从零搭建一个 Agent,还是想深入理解 Claude Code 这类工具背后的设计逻辑,这个项目都值得系统过一遍。

仓库地址:https://github.com/shareAI-lab/learn-claude-code

觉得有帮助的话,记得给作者点个 Star ⭐


欢迎关注我的公众号:悟鸣AI,持续分享比较有用的 AI 工具和比较好的 AI 经验,比较客观理性的 AI 观点等。

Read more

使用 Trae IDE 一键将 Figma 转为前端代码

在现代前端开发中,从设计稿到可用页面的交付往往需要大量重复劳动:切图、手写样式、布局调整……而借助 MCP Server - Figma AI Bridge,我们可以将 Figma 设计稿自动转换成整洁的 HTML/CSS/JS 代码,并立即生成可预览的网页。一键化、傻瓜式操作,让设计交付效率跃升。 本文测试使用的系统环境如下: * Trae IDE 版本:2.4.5 * macOS 版本:14.7 * Node.js 版本:24.6.0 * npx 版本:11.5.2 * Python 版本:3.13.3

AI Skills:前端新的效率神器

AI Skills:前端新的效率神器

近来,AI 领域有个火爆的话题:Skills。 Github 上被疯狂 star 的仓库,很多都是和 skills 有关的。 有的仓库仅仅上线三个月就获得了快 50K 的 star,Skills 的火热可见一斑。 不管是大模型,还是 Cursor、Codex、Claude、Trae、Copilot 等编程 IDE 都在争先支持 Skills。 围绕 Skills,它们在做的就是为了完成一件事情:技能是通过学习和反复练习获得的,而 Skills 是把经验和最佳实践沉淀为 AI 能力,将“知道”转化为“做到”的本领。 详解什么是 Skills 要说清楚什么是 Skills,先来了解一下关于 AI 的 2

一文了解Blob文件格式,前端必备技能之一

一文了解Blob文件格式,前端必备技能之一

文章目录 * 前言 * 一、什么是Blob? * 二、Blob的基本特性 * 三、Blob的构造函数 * 四、常见使用场景 * 1. 文件下载 * 2. 图片预览 * 3. 大文件分片上传 * 四、Blob与其他API的关系 * 1. File API * 2. FileReader * 3. URL.createObjectURL() * 4. Response * 五、性能与内存管理 * 六、实际案例:导出Word文档 * 七、浏览器兼容性 * 八、总结 前言 最近在项目中需要导出文档时,我首次接触到了 Blob 文件格式。作为一个前端开发者,虽然经常听到 "Blob" 这个术语,但对其具体原理和应用场景并不十分了解。经过一番研究和实践,