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

前端安全:别让你的网站成为黑客的游乐场

前端安全:别让你的网站成为黑客的游乐场 毒舌时刻 前端安全?这不是后端的事吗? "我只是个前端,安全关我什么事?"——结果网站被XSS攻击,用户信息泄露, "我用了框架,应该很安全吧?"——结果框架有漏洞,被人轻松突破, "我的网站小,没人会攻击的"——结果被黑客当作练手的靶子。 醒醒吧,前端安全不是可有可无的,而是必须重视的! 为什么你需要这个? * 保护用户数据:防止用户信息被窃取 * 维护网站声誉:避免安全事件影响品牌形象 * 遵守法律法规:如GDPR、CCPA等数据保护法规 * 防止业务损失:避免因安全问题导致的经济损失 反面教材 // 反面教材:直接拼接HTML字符串 function renderUserInput() { const userInput = document.getElementById('user-input').value; // 危险!直接将用户输入插入到DOM中

Flutter Web 开发:解决跨域(CORS)问题的终极指南

Flutter Web 开发:解决跨域(CORS)问题的终极指南

Flutter Web 开发:解决跨域(CORS)问题的终极指南 在 Flutter Web 开发过程中,默认情况下浏览器会遵循同源策略。当你的应用尝试加载不同域名的网络资源(如 API 接口、图片等)时,经常会遇到 CORS(跨域资源共享) 错误,导致请求失败。 虽然生产环境应由后端配置 CORS 头来解决,但在本地开发和调试阶段,我们可以通过修改 Flutter 工具链源码来临时禁用浏览器的安全策略,从而顺利调试。 以下是详细的操作步骤: 🛠️ 操作步骤 第一步:定位 chrome.dart 文件 首先,你需要找到 Flutter SDK 中负责启动 Chrome 浏览器的配置文件 chrome.dart。 参考路径(请根据你的实际安装路径调整): <你的

Qwen3-VL-WEBUI视频理解能力实测:256K上下文部署实战

Qwen3-VL-WEBUI视频理解能力实测:256K上下文部署实战 1. 背景与技术定位 随着多模态大模型在视觉-语言任务中的广泛应用,对长上下文、高精度视频理解和复杂空间推理的需求日益增长。阿里云推出的 Qwen3-VL 系列模型,作为 Qwen 多模态家族的最新一代产品,标志着从“看懂图像”向“理解动态世界”的关键跃迁。 该系列基于开源项目 Qwen3-VL-WEBUI 提供了便捷的本地化部署方案,内置 Qwen3-VL-4B-Instruct 模型版本,支持单卡(如 RTX 4090D)即可运行,并原生支持高达 256K token 的上下文长度,可扩展至 1M,适用于长时间视频分析、文档结构解析和复杂代理任务执行。 本篇文章将围绕 Qwen3-VL-WEBUI 的实际部署流程、256K 长上下文处理能力、视频理解表现及工程优化建议展开深度实测,帮助开发者快速掌握其核心能力与落地路径。 2. 核心功能与技术升级详解 2.1 视觉-语言能力全面增强 Qwen3-VL

Claude Code + cc-switch 配置指南

本指南旨在引导初次接触的用户,一步步完成 Claude Code 命令行工具 (CLI) 和 cc-switch 的安装与配置。完成配置后,用户即可在代码编辑器的终端中,通过简单的命令,调用 Kimi、GPT-4 或其他主流 AI 模型,辅助完成代码编写、解释和调试等任务。 核心结论:Claude Code 与 cc-switch 结合使用,可以显著提升编程工作的效率。 目录 * 1. 准备工作:配置必需的 Node.js 环境 * 2. 第一步:安装 Claude Code 命令行工具 * 3. 第二步:安装 cc-switch 模型管理工具 * 4. 第三步:获取 AI 模型的