Agent 原理系列

把 Claude Code、OpenAI Codex、Hermes Agent 三个 Agent 的运行原理，整理成结构化的「三件套」：架构详解长文 + 工作原理动画 + 演示文稿。每个页面都是自包含的单文件 HTML，样式与交互独立，既可以全屏打开，也可以在本系列文章中直接内嵌预览。

先读文章，再看动画，最后用演示文稿过一遍整体结构，是比较省时间的顺序。

本系列位于 AI 专题 / Agent。后续新的 Agent 交互页面会继续加在这里。

Claude Code

• Claude 原理与 Claude Code 代码架构详解 —— 从 Anthropic 模型原理讲到 Claude Code 的代码分层
• Claude Code 工作原理 · 动画模型 —— 一次 turn 在 Harness 里如何流转
• Claude 原理与 Claude Code 架构 · 演示文稿 —— 按页浏览的整体脉络

OpenAI Codex

• OpenAI Codex 原理与代码架构详解 —— Rust 实现（codex-rs）的五层架构与关键代码
• Codex 工作原理 · 动画模型 —— Agent Loop 与工具调用的可视化过程
• OpenAI Codex 原理与架构 · 演示文稿 —— 一次请求的完整时序与设计取舍

Hermes Agent

• Hermes Agent 源码深度解析 —— 一个可复用的 Agent 运行模型，含复刻路线
• hermes-agent · 一条消息的 12 站旅程 —— 从入口到回复的完整链路
• hermes-agent 工作原理 · 动画模型 —— 七层架构与一次 turn 的生命周期

提示：页面均为纯前端 HTML，深色界面，支持键盘操作；在移动端建议横屏或点开全屏查看。