Tutorial · v0.1 Updated 2026 · 09 chapters · 08 interactives

A practical tutorial for Claude Code & Codex.

两条独立的学习路线,覆盖从安装到 PR 工作流的 9 个章节。每个知识点都配 可输入的演示对比滑块提示词沙盒决策树 —— 把"和 AI 写代码"变成一个可重复的工程过程。

Chapters
09
Interactives
08
Read time
~75m
Last updated
05/09
01

Two tracks. Pick one to begin.

Or read both — they are deliberately parallel.
Claude Code (plan-then-edit · same task) Codex (quick agent · same task)

TASK · refactor src/utils.ts to use async/await

[01] reading src/utils.ts (142 lines) [02] reading 3 test files referencing it [03] drafting a plan: · convert 7 .then() chains · preserve error semantics (rethrow) · keep public exports identical [04] ✓ plan ready — apply? (y/N) [05] applied 7 edits [06] npm test · 47 pass [07] ✓ done · 2m 12s · $0.07

TASK · refactor src/utils.ts to use async/await

spinning up cloud sandbox branched: codex/refactor-utils agent: editing src/utils.ts (in-place) agent: running pnpm test 1 failure · regenerating agent: editing src/utils.ts pnpm test · all green → pushed branch · PR #482 ready for review 1m 41s · $0.11
02

Nine chapters · read in any order

Click a row to mark it done · saved locally
03

Decision tree · which one for your scenario?

Two questions. One recommendation.
Question 1 of 2

你主要在哪里写代码?

Question 2 of 2

你最看重哪一点?