🧭 AI 冒险学院
0 / 0 XP

互动教程 · 全程可玩 · 学完有勋章 🎖️

欢迎来到
AI 冒险学院

OpenAI 和 Anthropic 到底什么关系?Token 是不是"代币"?Codex、CLI、Agent、Harness 这些黑话到底在说啥?别背定义——玩一遍就懂了。这里有 14 个互动小游戏、满屏的图,和一条从新手村到大师段的升级路线。

图例:本站吉祥物 托克(Token),它的一生就是被切、被数、被计费。

关卡 0

🗺️ 新手村:一张地图看懂所有黑话

AI 圈的词听起来唬人,其实就 6 个概念。点下面的卡片,看看每个词到底指什么——它们组合起来,就是整个 AI 世界的地图。

🙋 你 App / CLI / IDE API(可选) 🧠 模型(大脑) GPT · Claude · …
👆 点一张卡片,展开它的"人话解释"。

🎮 小游戏:术语翻翻配对

左边是术语,右边是人话解释。先点一个术语,再点它对应的解释。全对拿到勋章!

💡 一句话记住:模型是大脑,应用/CLI/API 是大脑的不同"马甲",Agent 是长了手脚的大脑,Harness 是这具身体。
关卡 1

🏮 两大门派:OpenAI vs Anthropic

如今的 AI 江湖,有两家经常被放在一起说的厂商。先混个脸熟——记住"产品壳 + 模型芯"的结构,就不会被名字绕晕。

🟢

OpenAI

slogan:把"通用人工智能"做成人人可用的产品

  • 🧠 模型家族:GPT-5 系列(大 / mini / nano 三档)、GPT-4.1(超长上下文)、o 系列推理模型(爱"打草稿")
  • 💬 产品壳:ChatGPT(网页 / App / 桌面版),你 probably 用过
  • 👨‍💻 编程 Agent:Codex——云端任务 + 终端 CLI + VSCode 插件,一个品牌三件套
  • 🎨 十八般武艺:图像(DALL·E)、语音(Whisper)、视频(Sora)都做
  • 🔌 API 名字:Chat Completions / Responses API

性格标签:生态大而全,什么赛道都想占一个坑。

🧡

Anthropic

slogan:安全优先的 AI 公司,"宪法 AI"提出者

  • 🧠 模型家族:Claude 三档身材——Opus(重型智囊)/ Sonnet(均衡主力)/ Haiku(轻快小快腿)
  • 💬 产品壳:Claude(网页 / 桌面 App)
  • 👨‍💻 编程 Agent:Claude Code——住在终端里的编程搭档
  • 🛠️ 招牌发明:MCP 协议(模型连工具的 USB-C)和 Agent Skills(给 AI 的说明书文件夹)
  • ☁️ 企业姿势:除了自家 API,还能走 AWS Bedrock / Google Vertex 云托管

性格标签:深耕安全与编程场景,开发者口中的"代码优等生"。

🤝 共同点:都能看图(多模态)、都有"网页版 + API + 编程工具"、API 数据默认都不会拿去训练模型。

⚔️ 常见误会:ChatGPT ≠ GPT,Claude ≠ Claude Code。前者是产品壳,后者是壳里面的模型芯 / 编程工具。

📌 版本号月月翻新,别背!本站教的是判断方法,最新型号以两家官网为准。

🎮 小游戏:真假鉴定(找卧底)

下面 6 句话里有真有假。点选所有你认为"真"的句子,然后提交鉴定。这可是门派入门考试!

💡 一句话记住:OpenAI 家 = ChatGPT(壳)+ GPT(芯)+ Codex(编程 Agent);Anthropic 家 = Claude(壳)+ Claude 模型三档(芯)+ Claude Code(编程 Agent)。
关卡 2

🔍 火眼金睛:怎么判断模型的区别?

模型名字像密码:GPT-5、o3、Opus、Sonnet、Haiku……别慌,判断模型看六个维度就够了。

🪣

上下文窗口

模型的"工作记忆"容量,单位 token。从几千到上百万不等——决定它一次能吞下多少代码、多少页 PDF。

🧗

推理深度

会不会"先打草稿再作答"(thinking / reasoning 模式)。数学、复杂 debug、规划任务时特别值钱,但更慢更贵。

⚖️

速度与价格

通常分三档:重型(贵而聪明)、均衡(性价比)、轻量(快而便宜)。日常任务用均衡/轻量就够了。

👀

多模态

能不能看图、听音频、看视频。今天主流模型基本都会"看图说话"了。

🐛

代码能力

看 SWE-bench 这类"真实 bug 修复"跑分。写代码已经成了模型竞争的主赛道。

🎭

性格口味

文风、啰嗦程度、"拒绝"的边界都不同。同一道题,两个模型的答案气质可能完全不一样。

📊 关于跑分(Benchmark)的三句大实话

  1. 跑分像体检报告:SWE-bench(修真 bug)、AIME(数学奥赛)、MMLU(百科考试)……各有侧重。
  2. 跑分会过期也会被"刷题",别迷信单张榜单,交叉看 3~5 个最新榜单。
  3. 最靠谱的跑分是你自己的任务:拿 10 个真实工作任务让候选模型跑一遍,立见高下。

🕹️ 小游戏:选型机器

点选你的需求,机器立刻告诉你该挑什么档位的模型。

🤖 等待点单中……

🎮 小游戏:模型猜猜看

根据"人格线索"猜出说的是谁。共 5 题,考察你对两大门派的了解!

💡 一句话记住:选模型 = 看六个维度 + 拿自己的活试跑。贵的≠合适,跑分≠体验。
关卡 3

🍬 Token:AI 世界的糖果积木

模型不认识"字",它只认识 token——把文本切成的小积木。你打的每句话都会先被切糖刀(分词器)切块,再喂给模型。

📏 怎么切?

英文大约 1 个单词 ≈ 1.3 个 token;中文大约 1 个字 ≈ 1~2 个 token(不同分词器略有差异,本站按教学估算)。

💰 为什么重要?

API 按 token 计费(输入+输出分开算);上下文窗口装的是 token;速率限制限的也是 token。它是 AI 世界的"通用货币单位"。

🪟 上下文窗口

就像一个玻璃杯:对话历史 + 系统提示 + 你的问题 + 模型的回答,全部装在杯子里。杯子满了,最早的记忆就会被"挤出去"。

系统提示
历史对话
你的问题
回答(生成中…)

🪟 上下文窗口示意:越聊越满,满则"失忆"——所以长对话里它可能忘记你开头说的话。

🧪 玩具:Token 切糖实验室

随便打点什么,看看你的话被切成多少块积木、值多少钱。

🧋 小游戏:奶茶精算师

拉拉滑块,算算一个月 AI 用量等于多少杯奶茶。

* 按主流均衡档模型约 $2.5/百万输入 token、$10/百万输出 token 估算,1 USD ≈ 7.2 CNY,仅供教学体感。

🎲 小游戏:Token 大小猜

两边文本,哪边消耗的 token 更多?凭直觉押注,5 局定胜负!

💡 一句话记住:Token 是切好的文本积木:计费按它、记忆按它、限速按它。省 token = 省钱省记忆。
关卡 4

🔌 API:给你的程序接一根"模型电话线"

网页版聊天是"你去店里吃饭";API 是"给你的厨房接通中央供餐管道"——你的程序发请求过去,答案自动送回来。

💻 你的程序 HTTPS 请求(JSON) 带 API Key 鉴别身份 🧠 模型服务器 JSON 响应 + token 用量原路送回
对比项💬 网页版(ChatGPT / Claude)🔌 API
谁来用人,用鼠标键盘程序,用代码发请求
怎么收费包月订阅(Plus 约 $20/月)按 token 计量,用多少付多少
界面官方聊天框没有界面!界面自己造
擅长场景日常问答、写作、脑暴批量处理、自动化、接入自家产品
限速方式对话条数 / 功能墙RPM / TPM(每分钟请求与 token 数)
数据条款默认不训练,条款细看默认不训练,企业另有协议
1

注册开放平台
拿到 API Key(你的钥匙)

2

充值并设置
消费上限(重要!)

3

抄文档示例
改改就能跑

4

小额测试 →
再放量生产

curl https://api.openai.com/v1/chat/completions \
  -H "Authorization: Bearer $OPENAI_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "model": "gpt-5-mini",
    "messages": [
      {"role": "system", "content": "你是一个言简意赅的助手"},
      {"role": "user", "content": "用一句话解释什么是 token"}
    ]
  }'

🎮 小游戏:API 请求模拟器

选模型、写提示词、调温度,点"发送请求"——体验一次真实的 API 调用长什么样。


      
(响应会出现在这里)

🚨 API Key 安全三原则

  • 别提交进 Git:钥匙放 .env 文件,并把 .env 写进 .gitignore。GitHub 上搜得到千万把泄漏的钥匙。
  • 设消费上限:后台都有预算/额度功能,先设一个小额度再睡觉。
  • 分环境分钥匙:开发、生产各用各的 key,泄漏立刻吊销重发。
💡 一句话记住:API = 按 token 付费的模型电话线。批量任务、做产品、搞自动化就找它;顺手聊天用网页版更省心。
关卡 5

💻 终端双雄:Codex CLI 与 Claude Code

程序员说的"CLI",就是那个黑乎乎的终端窗口。编程 Agent 住进终端,是因为它要读文件、跑命令、改代码——终端就是它的工位。

🟢 Codex CLI(OpenAI)

OpenAI 官方终端编程 Agent,和云端 Codex、VSCode 插件是同一品牌三兄弟。

# 安装
npm install -g @openai/codex

# 登录(ChatGPT 账号或 API Key)
codex login

# 开工:直接用大白话下任务
codex "修复登录页报错,并补一个测试"
  • 📜 项目规范文件:AGENTS.md——写给它的"团队须知"
  • 🛡️ 审批模式:每步要你点头,或给更大自主权让它连跑

🧡 Claude Code(Anthropic)

Anthropic 官方终端编程 Agent,Claude 模型的"工装形态",开发者社区人气很高。

# 安装
npm install -g @anthropic-ai/claude-code

# 在项目目录里直接启动
cd 你的项目
claude

# 然后像聊天一样下任务:
# "帮我把这个模块的回调改成 async/await"
  • 📜 项目规范文件:CLAUDE.md——同类"团队须知"
  • 🧩 生态:支持 MCP 连外部工具、Skills 装技能包
对比项Codex CLIClaude Code
厂商 / 大脑OpenAI · GPT 系(含 codex 特化版)Anthropic · Claude 系
登录方式ChatGPT 账号或 API KeyClaude 账号或 API Key
项目说明书AGENTS.mdCLAUDE.md
扩展生态MCP 支持、云任务联动MCP、Agent Skills
共同点都能读代码库、改文件、跑命令、提交 git;都需要你在审批与放手之间找平衡

🖐️ 用 CLI 的五指心法

  1. 拇指:先让它读项目再动手("先看 README 和目录结构")。
  2. 食指:任务说清验收标准("跑通 npm test 就算完成")。
  3. 中指:大任务拆小步,每步检查 diff 再继续。
  4. 无名指:敏感操作(删库、推送)永远保持审批模式。
  5. 小指:把重复要求写进 AGENTS.md / CLAUDE.md,一次设置永久生效。

🎮 小游戏:终端模拟器

试试敲命令!输入 help 查看支持的命令,假装自己已经装好了两大 CLI。

playground — zsh
visitor@ai-academy ~ %
💡 一句话记住:Codex CLI 和 Claude Code 是"住在终端里的编程 Agent",分别来自 OpenAI 和 Anthropic;写好 AGENTS.md / CLAUDE.md,它们就从实习生变老员工。
关卡 6

🤖 Agent、Harness、Skills:给大脑装上身体

模型本身只会"你问我答"。要让它自己干活,需要一套身体工程——这就是本关的三个词。

🤖 Agent(智能体)

大脑 + 循环 + 工具 + 目标。给它一个目标,它自己"想 → 动手 → 看结果 → 再想",直到任务完成。

一问一答是"查字典";Agent 是"派实习生"——你说目标,它自己拆步骤、用工具、交结果。

🐴 Harness(鞍具 / 马具)

包在模型外面的那一整套工程设施:系统提示词、工具接口、文件读写权限、沙箱、记忆管理、审批流程。

同一个大脑换不同 Harness 就是不同产品:ChatGPT 是聊天 Harness,Codex CLI 是编程 Harness,你公司自研平台也可以是 Harness。

📖 Skills(技能包)

把重复玩法写成说明书文件夹(一个 SKILL.md + 配套资源),模型用到时自动翻阅。相当于给 Agent 装肌肉记忆。

"每次写周报都用这个模板""部署必须走这五步"——写一次,永远生效。

💛 Claude 是谁?

Claude = Anthropic 家模型的名字(本站吉祥物的同行)。日常听到的 Claude 网页版、Claude Desktop、Claude Code,都是包着同一个大脑的不同 Harness。

所以"用 Claude"可能是聊网页,也可能是指挥终端里的 Claude Code 干活。

🔄 Agent 循环(The Loop)

🎯 接任务目标 + 验收标准 💭 想计划拆步骤 🔧 用工具读文件/跑命令/搜索 👁️ 看结果报错?重试! ✅ 汇报交付或继续循环 没完成→回到想计划

🧅 Harness 洋葱图:一层一层包住模型

交互层:CLI / IDE 插件 / 网页 / 自研平台
安全层:权限 · 沙箱 · 审批 · 审计
记忆层:上下文管理 · 历史压缩 · RAG
工具层:读写文件 · 执行命令 · 联网 · MCP
🧠 模型内核(GPT / Claude)

同一颗"芯",换不同层数的组合,就是你在市场上看到的各个 AI 产品。

🎮 小游戏:循环工程师

Agent 循环的 5 步被打乱了!按正确顺序依次点击,点亮整条流水线。

🎮 小游戏:技能装配工

任务:让新来的 AI 同事按团队模板写周报,并自动同步到项目管理工具。从 6 张卡里挑出该装上的 3 件(多选后点确认)。

💡 一句话记住:Agent = 模型会自己循环干活;Harness = 包住模型的整套装甲;Skills = 给 Agent 的说明书;MCP = 模型连万物的 USB-C。
关卡 7

🏢 企业版一般怎么玩?

个人用 AI 是"自己开心就好";企业用 AI 要回答四个灵魂拷问:谁在用?花了多少?数据漏没漏?审计怎么过?

🪪 第 1 层:订阅制(Team)

员工人手一个席位:ChatGPT Team / Claude 团队版。管理后台统一开卡、统一计费,比报销个人账号清爽一万倍。

🏰 第 2 层:Enterprise

大厂套餐:SSO/SAML 单点登录、SCIM 账号自动化、审计日志、数据保留策略、"数据不用于训练"写进合同、SOC 2 等合规报告、专属支持。

👨‍💻 第 3 层:研发团队

统一发放 Claude Code / Codex CLI,挂企业 API 组织,配用量看板:谁用了多少 token、花在哪个项目,一目了然。

🏭 第 4 层:产品集成(API)

自家产品要接 AI:统一走 API 网关——集中管 key、限流、计费、日志,还能"换模型不换代码"。金融医疗等敏感行业可走 Bedrock / Vertex 云托管。

📋 企业常见组合拳(真实世界剧本)

  • 办公提效 → Team 订阅 + SSO + 全员《AI 使用规范》培训
  • 研发提效 → 企业 API 组织 + CLI 工具 + 用量看板 + 私有代码仓权限收敛
  • 产品嵌入 → API + 网关 + 预算告警 + 输出内容审核(别让 AI 在客服窗口胡说)
  • 数据分级 → 客户隐私数据默认不进公有云模型,敏感场景走私有化/云托管方案

🎮 小游戏:企业外交官决策树

你刚当上某公司的"AI 推进专员"。回答问题,帮老板选对方案!

💡 一句话记住:企业版 = 订阅给员工 + API 给产品 + 管理后台给老板;SSO、审计、数据不训练是三大关键词。
关卡 8

🧩 编辑器里的 AI:Copilot 与 Codex 插件

VSCode 是程序员的大本营,AI 早就搬进来了。这里有两个最容易混的名字:GitHub Copilot 和 Codex 插件。

✈️ GitHub Copilot 是干嘛的?

GitHub(微软系)出品的"AI 副驾",深度集成在 VSCode 里,三件套:

  • ⌨️ Tab 自动补全:打字时蹦出灰色"幽灵文字",按 Tab 接受——用它的时间占 90%。
  • 💬 Chat 面板:选中代码右键提问,"这段正则啥意思?""帮我写单测"。
  • 🤖 Agent / Edits 模式:让它跨文件改代码、跑终端命令,自己盯着改到完。

冷知识:Copilot 现在不止一个大脑,可以切换 OpenAI / Anthropic / Google 家的模型。

🟢 VSCode 里的 Codex 插件又是什么?

OpenAI 官方的 VSCode 扩展,把 Codex 编程 Agent 塞进编辑器侧边栏:

  • 它能看到你的工作区,读文件、改文件、跑任务,做完给你看 diff。
  • 和云端 Codex 任务、终端 Codex CLI 打通——同一个 Agent 的不同座位。
  • 适合:任务较大、需要它自主多步操作,而你又想留在编辑器里盯着。
Visual Studio Code — app.py
1def calculate_discount(price, tier):
2    # 按 VIP 等级计算折扣
3    if tier == "gold":
4        return price * 0.8 ← 幽灵补全,按 Tab 接受
5▌
💬 Copilot Chat
这段函数有 bug 吗?
看起来 tier 可能传入 "Gold"(大写 G),建议统一 tier.lower() 后再比较。要我帮你改并补个测试吗?
问点什么…
座位对比长什么样适合干什么
✈️ Copilot 补全编辑器里的灰色幽灵文字边写边提示,手感丝滑
💬 编辑器 Chat侧边栏对话框解释代码、小修小改、写单测
🤖 Agent 模式 / Codex 插件侧边栏里的自主 Agent跨文件重构、多步任务、修 bug
💻 终端 CLI黑窗口里的 Claude Code / Codex不依赖编辑器,脚本化、远程机器上也能跑
🔌 API你自己的代码里批量任务、嵌入自家产品

🎮 小游戏:情景选择(该用哪个?)

真实工作情景来了,选出最趁手的那件工具。5 题全对才算出师!

💡 一句话记住:Copilot 是"边写边帮"的副驾,Codex/Claude Code 是"接单自己干"的司机,API 是"给整个车队调度"的总台。
最终关卡

🏆 终极大测验:10 题定段位

从前面的关卡一路玩下来的你,来验收成果!每题答完立刻看解析。