Archives
All the articles I've archived.
我为什么把 Claude Code 当成协作者,而不是聊天机器人
从代码理解、文件修改、命令执行和 Git 协作四个角度,理解 Claude Code 的工作边界。
AI 聊天页面的流式输出:从能显示到好用
从浏览器读取服务端流,完成一个支持 Markdown、停止生成、自动滚动和错误重试的 AI 聊天页面。
Agent 的记忆系统架构:短期 Checkpoint 与跨会话 Long-Term Store
译述 LangChain 记忆架构最新实践:区分单会话 Checkpoint 栈与跨会话持久化 Store API,为 Agent 构建像人脑一样分层的记忆系统。
Agent 前端架构:用事件流和状态机接住不确定性
从消息列表升级到 Agent 工作台:用事件流、状态机和可恢复状态组织复杂的模型交互。
第一次用 Claude Code,我用一个小项目确认它真的能工作
按官方方式安装 Claude Code,并在一个真实前端项目中完成首次分析任务。
把 Agent 工具调用做成前端时间线
设计工具调用时间线的事件模型、加载状态、输入输出折叠和错误恢复,让 Agent 的执行过程清晰可读。
接手一个陌生前端项目,我先让 Claude Code 做什么
用可验证的提问方式,让 Claude Code 梳理前端项目结构、路由、组件和数据流。
Agent 流式输出的三种粒度:Token、Step 与全局 State
译述 LangGraph 流式通信精要:从单一文本 Token 流升级到中间步骤 Step 与全图 State 快照流,解决复杂 Agent 界面渲染抖动。
Agent 产品的信任感,来自前端的三个确认点
从来源、权限和结果三个确认点出发,讨论 Agent 前端如何让用户知道系统做了什么并敢于继续使用。
我不会直接让 Claude Code 修 Bug,而是先让它还原现场
建立复现、定位、修改和验证的 Bug 修复闭环,避免 Agent 只改表面症状。
让 Claude Code 补测试之前,先把“应该测什么”说清楚
使用 Claude Code 为前端函数补充测试,并识别生成测试中的常见陷阱。
多 Agent 协同与上下文工程:何时该拆,何时不该拆
译述 LangChain 团队关于多智能体系统的深度洞察:多 Agent 的本质不是赶时髦,而是通过上下文隔离解决单模型认知超载与写冲突。
人在回路(HITL):用 Interrupt 与 Command 构建可控 Agent
译述 LangGraph 的 Human-in-the-loop 核心设计:如何利用 interrupt 挂起运行、持久化 Checkpoint,并通过 Command 与前端审批流无缝恢复。
我把前端项目的规矩写进 CLAUDE.md 之后
用 CLAUDE.md 固定前端项目的技术栈、目录约定、验证命令和代码审查规则。
当代码之外还有设计稿和工单,Claude Code 怎么拿到上下文
理解 MCP 如何连接外部数据源,并用它补充前端 Agent 的项目上下文。
那些重复到不想再做的前端工作,可以交给 Claude Code
用 Skills 封装可复用流程,用 Hooks 固定格式化和检查动作。
什么是认知架构?从线性 Chain 到有状态 Agent 图
译述 LangChain 经典架构思考:为什么单向 Chain 无法承载真实复杂业务,以及如何用有状态图与前端 FSM 组织 Agent 的“认知过程”。
前端大任务太大时,我会怎样拆给多个 Claude Code
将大型前端需求拆成边界清晰的子任务,并控制并行 Agent 的冲突和合并成本。
同一个前端任务,我如何在终端、Web 和 CI 之间接着做
对比 Claude Code 的终端、IDE、桌面、Web 和 CI 场景,设计可迁移的前端工作流。