陈广亮的技术博客 - 分享前端开发、JavaScript、TypeScript、React、Web3、AI 等技术实践与深度思考https://chenguangliang.com/https://chenguangliang.com/posts/blog220_ai-demystification-three-lines-2026-08/https://chenguangliang.com/posts/blog220_ai-demystification-three-lines-2026-08/8 月最后一周，中文圈 AI 祛魅期三条叙事线同期成型——工具退潮、流程反噬、能力退化。用我 blog agent 集群的三次真实翻车账单，加上 260+ 篇 100% AI 生成的博客没退化的机制，讲清楚祛魅期到底该怎么活。Sun, 30 Aug 2026 12:00:00 GMThttps://chenguangliang.com/posts/blog219_fe2agent-extra-c-fiber-doublebuffer/https://chenguangliang.com/posts/blog219_fe2agent-extra-c-fiber-doublebuffer/blog205 讲了 Fiber 教 Agent 状态设计的 3 条原则，本文把"双缓冲"掰到底：workInProgress 试算、commit 原子切换、rollback 一键丢弃——对应 agent 的 draft 隔离、gate 原子翻转、无成本回滚。答案在 Fiber 里躺了 9 年。这是 fe2agent 番外 C，全系列 13 篇收官。Fri, 21 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog218_fe2agent-extra-b-agent-ui/https://chenguangliang.com/posts/blog218_fe2agent-extra-b-agent-ui/从 Cursor 到 ChatGPT，Agent 产品长成一模一样的消息气泡列表——不是前端的宿命，是设计的懒惰。Chat 是让人跟不确定输出建立信任的最低成本 UI，一旦信任建立，就该被工具面板、状态观测层、决策 gate 替代。这是《从 useEffect 到 Agent Loop》番外 B。Tue, 18 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog217_fe2agent-extra-a-mcp/https://chenguangliang.com/posts/blog217_fe2agent-extra-a-mcp/十年前 11 行代码撤下、半个 JS 生态挂了；十年后 MCP 长成 Agent 界的 npm，同样的账前端可能又要付一次。这是 fe2agent 系列番外 A，从 left-pad 讲到 typosquatting，讲到我把 chrome-devtools 挂进 cron 的第一次翻车，以及已经发生的 postmark-mcp 第一案。Sat, 15 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog215_fe2agent-10-production/https://chenguangliang.com/posts/blog215_fe2agent-10-production/前端上线抠 bundle 体积，agent 上线抠 token 账单——手艺是同一门：给看不见的增长装一个看得见的闸。这是 fe2agent 系列第 10 篇（收官），讲 tracing、三层预算熔断、checkpoint 与分布漂移体检，配 tiny-agent v1.0（trace.js 成本三列记账 + 美元熔断 + checkpoint/--resume），并用三把闸复盘那晚 $4200。Tue, 11 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog214_fe2agent-09-evals/https://chenguangliang.com/posts/blog214_fe2agent-09-evals/前端里 flaky test 是要修的 bug，agent 世界里 flaky 是本体——同一个任务跑 10 次，7 次完美、2 次啰嗦、1 次自信地错。exact match 必死、单次结果不说明任何事、评测集是你的伤疤集。这是 fe2agent 系列第 9 篇，配 tiny-agent v0.9（evals 用例集 + 多次采样跑通过率 + LLM judge）。Sat, 08 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog213_fe2agent-08-subagent/https://chenguangliang.com/posts/blog213_fe2agent-08-subagent/你以为 spawn 一个 subagent 是开线程，其实是雇临时工：它看不见父 agent 的任何历史，brief 里没写的假设一律靠脑补——任务描述是一次有损且无 schema 的序列化。这是 fe2agent 系列第 8 篇，配 tiny-agent v0.8（spawnSubagent + delegate_task 委托工具 + 子循环记账）。Wed, 05 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog212_fe2agent-07-permission/https://chenguangliang.com/posts/blog212_fe2agent-07-permission/blog06 管"错了怎么救"，这一篇管"对了也不能让它直接干"——rm -rf 重试三次都成功才是灾难。权限分级不是开关是光谱，确认要具体到后果，拒绝也是要回给模型的信息。这是 fe2agent 系列第 7 篇，配 tiny-agent v0.7（危险分级表 + 确认门 + JSONL 审计日志）。Sun, 02 Aug 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog211_fe2agent-06-error/https://chenguangliang.com/posts/blog211_fe2agent-06-error/模型自信满满说"完成了"，但活没干完——这种不报错的错，try/catch 一层都拦不住。机械故障用重试加指数退避和 max_steps 硬闸，语义故障用 verifier 独立验收，而且验收必须隔离上下文。这是 fe2agent 系列第 6 篇，配 tiny-agent v0.6（withRetry + MAX_STEPS + verifier）。Thu, 30 Jul 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog210_fe2agent-05-memory/https://chenguangliang.com/posts/blog210_fe2agent-05-memory/你以为 agent 记住了你的规则，其实那句话活在昨天 session 的 messages 数组里，今天它醒来就是全新的。Context 是内存，记忆是硬盘："写下来"才是唯一的持久化，检索-回填就是 agent 界的 lazy loading。这是 fe2agent 系列第 5 篇，配 tiny-agent v0.5（markdown 记忆文件 + 朴素关键词检索 + save_memory/search_memory 两个新工具）。Mon, 27 Jul 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog209_fe2agent-04-prompt/https://chenguangliang.com/posts/blog209_fe2agent-04-prompt/改一行 system prompt，agent 行为整个变一副样子——prompt 像 CSS：声明式、会级联、可以覆盖，但没有 devtools 告诉你当前生效的是哪一条。这是 fe2agent 系列第 4 篇，讲 prompt 的层、指令稀释与结构化写法，配 tiny-agent v0.4（同一套工具、两版 system prompt 跑行为对比）。Fri, 24 Jul 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog216_claude-code-config-half-year-evolution/https://chenguangliang.com/posts/blog216_claude-code-config-half-year-evolution/当时留的两个 TODO 和一个遗憾如今全部翻篇，还长出四件当时想都没想过的东西：memory 变成规则中枢、Skills 进入流水线、双语 i18n 拉出第二条发布线、AdSense 事件反向重塑写作纪律。七条演化，一条一节，一份账本。Wed, 22 Jul 2026 06:28:44 GMThttps://chenguangliang.com/posts/blog208_fe2agent-03-tools/https://chenguangliang.com/posts/blog208_fe2agent-03-tools/前端里 dispatch 是你的活、reducer 是你写的；agent 里 dispatch 交给了 AI，reducer 那半边仍然是你的责任。这是 fe2agent 系列第 3 篇，讲 tool schema 三件套、执行权分离、把 AI 当不可信客户端校验，配 tiny-agent v0.3。Tue, 21 Jul 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog207_fe2agent-02-context/https://chenguangliang.com/posts/blog207_fe2agent-02-context/你以为 agent 记得你，其实每轮它都在把整个 messages 数组全量重发——LLM 调用是无状态的，"对话" 是客户端造出来的幻觉。React 有 diff/memo/Fiber 帮你把重渲染压便宜，agent 没有，全量是真的全量。这是 fe2agent 系列第 2 篇，配 tiny-agent v0.2（Context 类 + 历史压缩 + prompt caching）。Sat, 18 Jul 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog206_fe2agent-01-agent-loop/https://chenguangliang.com/posts/blog206_fe2agent-01-agent-loop/前端人第一次看 AI Agent 满墙术语懵，其实核心就是个 while 循环——但循环里那个函数不纯、会撒谎、每次返回都不一样。这是系列首篇，从 UI=f(state) 到 action=LLM(context)，配一个 32 行可跑的 tiny-agent（Anthropic SDK + 1 个工具），把 agent vs chatbot vs workflow 三分法讲清楚。Wed, 15 Jul 2026 15:04:47 GMThttps://chenguangliang.com/posts/blog205_fiber-teaches-ai-agent-state-design-three-principles/https://chenguangliang.com/posts/blog205_fiber-teaches-ai-agent-state-design-three-principles/React Fiber 掘金上有一篇 6012 热度的深度介绍，同题已被写烂。真正没人写的是 Fiber 三大机制（双缓冲、time slicing、lanes 优先级）如何映射到 AI Agent 状态存储设计。本文从我 blog194/195/202 真做过的 AGENTS.md、loop debt、ponytail 实测经验出发，逐条对应给出 AI Agent 时代该抄的 3 条 Fiber 元规律。Tue, 14 Jul 2026 03:15:01 GMThttps://chenguangliang.com/posts/blog204_kimi-k27-code-github-copilot-first-open-weight-channel/https://chenguangliang.com/posts/blog204_kimi-k27-code-github-copilot-first-open-weight-channel/GitHub Copilot 2026-07-01 把 Kimi K2.7 Code 放进模型选择器：第一个 open-weight、也是第一个中国模型。数据经 HF/HN API 与官方定价页亲手核验，拆"开源权重 + Azure 托管 + 企业默认关闭"三层信任结构与两条出海路线。Sat, 11 Jul 2026 08:07:48 GMThttps://chenguangliang.com/posts/blog198_workbuddy-messaging-first-vs-terminal-first-agent/https://chenguangliang.com/posts/blog198_workbuddy-messaging-first-vs-terminal-first-agent/腾讯 WorkBuddy 2026-03-09 上线，3 月月访问 8.85M、环比 +831%，DAU 是第 2 名的 3-4 倍。它选了和 Claude Code/Codex 相反的 messaging-first 路线。本文拆增长背后 4 个结构性决策与国内创业者能学的差异化路径。Tue, 07 Jul 2026 04:00:00 GMThttps://chenguangliang.com/posts/blog199_glm-5-2-cyber-benchmark-scenario-specific-breakthrough/https://chenguangliang.com/posts/blog199_glm-5-2-cyber-benchmark-scenario-specific-breakthrough/智谱 GLM 5.2 在 Semgrep IDOR 漏洞检测基准 F1 拿 39%，超过 Claude Code 全部 Opus 版本，单个漏洞发现成本约 1/6；但综合榜仍差约 2 分。Kimi、Qwen 同期复现同样格局。本文拆"场景特化超越"是不是 2026 中国模型的新拐点。Tue, 07 Jul 2026 04:00:00 GMThttps://chenguangliang.com/posts/blog203_ai-models-mid-2026-sequel/https://chenguangliang.com/posts/blog203_ai-models-mid-2026-sequel/blog166 发出 52 天后逐条自校验：5 条判断里 2 条反悔（Sonnet/Opus 建议过时、开源差距低估）、1 条待验证（Anthropic 定价）、2 条成立。附我博客 6 个月模型路由的真实观察和下次校验节点。Mon, 06 Jul 2026 06:08:21 GMThttps://chenguangliang.com/posts/blog202_ponytail-73k-stars-three-weeks-lazy-senior-dev/https://chenguangliang.com/posts/blog202_ponytail-73k-stars-three-weeks-lazy-senior-dev/DietrichGebert 的 ponytail 2026-06-12 建仓，三周涨到 73k star，覆盖 16 个 agent 生态。核心是 7 步 decision ladder 强制 AI 走 YAGNI。我拿博客里一个 196 行的 TableOfContents 组件跑了 A/B 实测，装 ponytail 后 review 建议是砍到 25-30 行、-84%。本文含实测数据、病毒传播 3 结构性原因、7 步 ladder 逐条拆解、3 反向边界。Sat, 04 Jul 2026 13:25:32 GMThttps://chenguangliang.com/posts/blog201_weread-official-agent-skill-monetization-window/https://chenguangliang.com/posts/blog201_weread-official-agent-skill-monetization-window/微信读书 2026-05-17 发的 Agent Skill 是中文互联网内容平台第一个"官方玩家"。发布首周社区二创井喷，1.5 个月过去却无一个真正商业化产品。本文拆"官方开放 + 二创井喷 + 零商业化"背后 3 个结构性阻力，以及独立开发者当下真正能吃到的红利。Fri, 03 Jul 2026 02:02:33 GMThttps://chenguangliang.com/posts/blog200_zcode-glm52-harness-hn-frontpage/https://chenguangliang.com/posts/blog200_zcode-glm52-harness-hn-frontpage/智谱 GLM-5.2 官方 harness "ZCode" 登 Hacker News 头版（最早 155/192，现在 264/236）。这不是"又一个 AI IDE"，而是国产开发者工具首次进入硅谷主流工程师视野。本文拆事件时间线、ZCode 到底是什么形态（不是 CLI 是桌面 app）、HN 里 3 类真实反对声，以及自己接 GLM Coding API 的 30 行 TS 示例。Thu, 02 Jul 2026 03:52:38 GMThttps://chenguangliang.com/posts/blog197_vibe-coding-maintenance-real-test/https://chenguangliang.com/posts/blog197_vibe-coding-maintenance-real-test/Karpathy 2025/2 提出 Vibe Coding 时只讲写得有多爽，但 GitClear 211M 行代码研究和 2026 业界 rescue 案例都把"爽"映射到了"第二年维护成本 4 倍"。本文拆 Vibe Coding 在 90 天 Spaghetti Point 崩盘的 3 个机制，以及怎么在写完即弃和不可维护之间找平衡。Sat, 27 Jun 2026 03:21:19 GMThttps://chenguangliang.com/posts/blog196_cli-second-spring-ai-era-three-structural-reasons/https://chenguangliang.com/posts/blog196_cli-second-spring-ai-era-three-structural-reasons/2025 起 Claude Code、Codex CLI、Charm Bubble Tea、Ink 一起爆发，CLI 在 GUI 主导 30 年后突然又成了 AI 工具的默认形态——连 Claude Code 自身都 ship 为 Bun 二进制。这不是怀旧，是 LLM I/O、长任务可控、跨工具协作三个结构性约束把工程师推回终端。附 Claude Agent SDK 30 行 CLI agent 实操样本。Thu, 25 Jun 2026 08:03:52 GMThttps://chenguangliang.com/posts/blog195_loop-engineering-three-debts-playbook/https://chenguangliang.com/posts/blog195_loop-engineering-three-debts-playbook/blog191 讲完 Loop Engineering 五个组件之后只点了三条债——验证债、理解债、认知投降——没给治理方案。这一篇专门补这块：Wharton 1372 人实验、Anthropic 52 工程师 17% 理解落差、$4,200 一晚烧光的真实账单、Claude Code 的 PreToolUse 拒绝 hook + 三种 checkpoint 设计——把 playbook 一次性摆出来。Tue, 23 Jun 2026 03:21:58 GMThttps://chenguangliang.com/posts/blog194_project-passport-agents-md-claude-md-memory/https://chenguangliang.com/posts/blog194_project-passport-agents-md-claude-md-memory/AGENTS.md 已经是 2026 事实标准，CLAUDE.md 仍是 Claude Code 的 richer 格式，project memory 沉淀的是另一类信息。把三者拼成「项目护照」——每次新会话开局都让 AI 在边境检查站快速验明项目身份和规则，告别每天反复贴上下文。Mon, 22 Jun 2026 01:50:00 GMThttps://chenguangliang.com/posts/blog193_monorepo-practice-from-zero-to-production/https://chenguangliang.com/posts/blog193_monorepo-practice-from-zero-to-production/上一篇讲了为什么 monorepo 是组织问题，这一篇手把手把"应该怎么搭"讲清楚。pnpm catalogs 版本统一、Turborepo 2.x 任务流、changesets + OIDC 发布、远程缓存、CODEOWNERS——全链路命令配置一次到位，2026 年仍然有效。Mon, 15 Jun 2026 14:30:00 GMThttps://chenguangliang.com/posts/blog192_monorepo-not-tech-but-org-decision/https://chenguangliang.com/posts/blog192_monorepo-not-tech-but-org-decision/Monorepo 不是 yes/no 的技术选型，Babel 进入又部分回退、Lerna 一度无人维护、Mercari 跨地域 CI 一年烧出真金白银——三个案例都指向同一件事：决定 monorepo 成败的不是 Turborepo 还是 Nx，是你的团队和组织结构。Mon, 15 Jun 2026 13:30:00 GMThttps://chenguangliang.com/posts/blog191_loop-engineering-design-loops-prompt-agents/https://chenguangliang.com/posts/blog191_loop-engineering-design-loops-prompt-agents/Addy Osmani 6 月推火的 Loop Engineering 不是替代 prompt 工程，而是把你从"按回车的人"换成"设计循环的人"。讲清五个组件 + 一个 state，以及 Osmani 真正最该被记住的三条债（verification debt / comprehension debt / cognitive surrender）——顺便说说我为什么不同意他把 loop 放在 harness 之上。Fri, 12 Jun 2026 04:38:58 GMThttps://chenguangliang.com/posts/blog190_claude-fable-5-integration-guide/https://chenguangliang.com/posts/blog190_claude-fable-5-integration-guide/Anthropic 6/9 发布的 Fable 5 把命名从 Opus/Sonnet/Haiku 换成 Fable/Mythos，但真正让所有 Claude API 集成方都得动代码的不是名字——是新增的 stop_reason refusal、强制 adaptive thinking、和"必须配 fallback 模型"这套机制。我在 Claude Code 上跑了两天后，把集成方该改的细节拆给你看。Thu, 11 Jun 2026 08:30:00 GMThttps://chenguangliang.com/posts/blog186_prompt-context-harness-agentic-layers/https://chenguangliang.com/posts/blog186_prompt-context-harness-agentic-layers/Prompt 工程师、Context 工程师、Harness 工程、Agentic 工程师——这四个词不是互相竞争的角色，是层层嵌套的关注点：从一句提示词到整套自主系统。理清四层关系，知道自己每次卡住到底在优化哪一层。Mon, 08 Jun 2026 08:30:00 GMThttps://chenguangliang.com/posts/blog181_react-web-to-electron-mental-model/https://chenguangliang.com/posts/blog181_react-web-to-electron-mental-model/不教你装 electron-builder。这份入门指南专门面向写过几年 React 的 web 开发者，按"实际冲击程度"从大到小铺一条认知地图——从最根本的进程模型，到必栽的 native 模块坑，到工程化和调试。读完能省下一周左右的踩坑时间。Thu, 04 Jun 2026 09:05:00 GMThttps://chenguangliang.com/posts/blog180_electron-webcontentsview/https://chenguangliang.com/posts/blog180_electron-webcontentsview/BrowserView 在 Electron 30 正式 deprecated，新 API 是 WebContentsView + BaseWindow 组合。这篇拆解新模型：和 iframe/webview/BrowserView 的核心差异、迁移代码 diff、多视图应用怎么布局、几个容易踩的坑。Thu, 04 Jun 2026 09:00:00 GMThttps://chenguangliang.com/posts/blog177_electron-version-management-guide/https://chenguangliang.com/posts/blog177_electron-version-management-guide/从版本号规范到自动更新机制，从用户通知到回滚策略，深入讲解 Electron 应用版本管理的完整体系。结合 electron-updater、语义化版本控制等实践，构建用户友好的更新体验。Tue, 02 Jun 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog176_electron-private-key-storage/https://chenguangliang.com/posts/blog176_electron-private-key-storage/前几天写过一篇拆解 safeStorage 的文章——结论是它适合存普通 API key。但如果你要存的是几万美元价值的钱包私钥呢？safeStorage 就不够了。这篇看 MetaMask、Phantom 这些真正的桌面钱包怎么做，以及为什么"加密 + 主密码 + 短期解锁"是绕不开的三件套。Mon, 01 Jun 2026 08:00:00 GMThttps://chenguangliang.com/posts/blog175_claude-code-trading-bot-dogfooding/https://chenguangliang.com/posts/blog175_claude-code-trading-bot-dogfooding/我用 Claude Code 在一个真金白银的合约量化项目上写了 10 个月代码。这篇是诚实的复盘：AI 没有直接动钱（我没那么大胆），但它确实在写下单/止损/平仓的关键路径。讲讲我守住的几条界线，以及哪些 AI 真的有用、哪些时刻我必须接管。Mon, 01 Jun 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog172_flutter-vs-electron-desktop/https://chenguangliang.com/posts/blog172_flutter-vs-electron-desktop/不做枯燥的对比表。本文从 2026 年实际产品的去留反推选型逻辑——VS Code / Slack / Claude Desktop 为什么押注 Electron，Ubuntu 26.04 桌面环境为什么转向 Flutter，Teams / Zed 又为什么离开。Thu, 28 May 2026 07:30:00 GMThttps://chenguangliang.com/posts/blog169_electron-credential-storage-security/https://chenguangliang.com/posts/blog169_electron-credential-storage-security/safeStorage 是 Electron 推荐的密钥存储 API，但实现细节少被讨论。本文拆开它的源码黑盒：约 100 行 C++ 包装 Chromium OSCrypt，AES-128-CBC、IV 硬编码 16 空格、PBKDF2 只迭代 1 轮。配合 VS Code 凭据被扩展直接读、VoidStealer 用硬件断点抢 master key 的案例，给一份基于威胁模型的存储决策表。Mon, 25 May 2026 03:00:00 GMThttps://chenguangliang.com/posts/blog167_anti-ai-tone-writing-rules/https://chenguangliang.com/posts/blog167_anti-ai-tone-writing-rules/博客 blog080-166 这 80+ 篇里约 70% 是 Claude Code 辅助写的，但读者很少看出来。总结的 7 条"反 AI 痕迹"原则——不是让 AI 不像 AI，是让 AI 像你自己。附 blog-preflight Skill 自动化检测脚本。Sat, 16 May 2026 03:00:00 GMThttps://chenguangliang.com/posts/blog166_ai-models-mid-2026-update/https://chenguangliang.com/posts/blog166_ai-models-mid-2026-update/blog080 写于 2026 年 3 月初。两个多月过去，GPT-5.5、Claude Opus 4.7、Gemini 3.1 Pro 全部发布，开源旗舰 GLM-5.1/Qwen 3 Coder 缩到闭源 5-15 分。这是 5 月升级版：变了什么、3 月选型怎么换。Fri, 15 May 2026 07:00:00 GMThttps://chenguangliang.com/posts/blog165_oauth-supply-chain-defense-checklist/https://chenguangliang.com/posts/blog165_oauth-supply-chain-defense-checklist/Vercel 入侵和 Nx Console 事件都不是协议漏洞，是凭证治理漏洞。本文把这两起 AI 工具供应链攻击提炼成 8 条防御原则 + 1 小时审计 checklist，覆盖 OAuth 最小权限、密钥分级、托管设备隔离、IDE 扩展凭证隔离，给独立开发者和小团队一份能立刻照做的安全模板。Fri, 15 May 2026 03:00:00 GMThttps://chenguangliang.com/posts/claude-code-multi-agent-orchestration-plugins/https://chenguangliang.com/posts/claude-code-multi-agent-orchestration-plugins/多 Agent 编排横评：Ruflo 自封"最强 Claude 编排平台"但执行有水分，Maestro 轻量、Claude Octopus 把 8 模型并行 review、Codex Peer Review 用三 reviewer 顺序门控。从架构到 token 实测给独立开发者一份决策框架。Mon, 11 May 2026 08:00:00 GMThttps://chenguangliang.com/posts/claude-code-workflow-plugins-comparison/https://chenguangliang.com/posts/claude-code-workflow-plugins-comparison/Claude Code 5 月生态已经分裂出 100+ 插件，本文聚焦"工作流方法论"这一类——Superpowers、Shipyard、Ralph Loop、Maestro、Karpathy CLAUDE.md 五款。从设计哲学、上下文开销、适用场景到组合策略，给出独立开发者的选型决策树。Mon, 11 May 2026 03:00:00 GMThttps://chenguangliang.com/posts/astro-5-to-6-upgrade/https://chenguangliang.com/posts/astro-5-to-6-upgrade/把自己博客（48 页、Astro 5.16.6）升到 Astro 6.3.1，记录实际改了什么、构建快不快、什么坏了。结论：小博客几乎零迁移成本，但官方宣传的"2x 提速"在 48 页这种规模上不成立——实测前后基本持平。Sun, 03 May 2026 02:00:00 GMThttps://chenguangliang.com/posts/ai-agent-memory-file-vs-vector/https://chenguangliang.com/posts/ai-agent-memory-file-vs-vector/把同一个 Subagent 同时接 Claude Code 自带 file-based memory 和 mem0 向量检索，对比 token 消耗、召回质量、跨会话学习效果。给出"什么数据规模用哪种"的具体阈值，并讨论 procedural memory 这个最弱但最有潜力的方向。Sat, 02 May 2026 10:00:00 GMThttps://chenguangliang.com/posts/claude-code-five-layer-architecture/https://chenguangliang.com/posts/claude-code-five-layer-architecture/Anthropic 官方把 Claude Code 拆成五层架构：MCP 连接、Skills 任务知识、Agent 主工作者、Subagents 并行隔离、Agent Teams 协调。本文逐层拆解定位与协作模式，结合自己博客 blog-preflight Skill 的真实代码案例演示三层联动。Sat, 02 May 2026 03:00:00 GMThttps://chenguangliang.com/posts/blog159_frontman-frontend-ai-agent/https://chenguangliang.com/posts/blog159_frontman-frontend-ai-agent/Cursor、Claude Code 都从源码出发，但前端工程师的真实工作发生在浏览器——hover 后的实际颜色、SSR 后的真实 DOM、第 3 个 useState 触发的 re-render。Frontman 反方向工作：从浏览器看代码。本文拆解它的架构，并组合 Anthropic frontend-design 等 Skill 形成完整前端 AI 工作流。Fri, 01 May 2026 08:00:00 GMThttps://chenguangliang.com/posts/blog158_claude-code-skills-practical-guide/https://chenguangliang.com/posts/blog158_claude-code-skills-practical-guide/把重复的 playbook、检查清单、多步流程从 CLAUDE.md 抽出来变成 Skill。本文以"博客发布前自检"为案例，覆盖 SKILL.md 结构、frontmatter 全字段、context fork 隔离、与 Slash Command/Sub Agent 的边界、以及调试和共享。Fri, 01 May 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog156_gpt5-claude-gemini-coding-comparison-2026/https://chenguangliang.com/posts/blog156_gpt5-claude-gemini-coding-comparison-2026/2026 年主流大模型编程能力横评：GPT-5.5、Claude Opus 4.6、Gemini 2.5 Pro 的 Benchmark 数据、定价、实际编程表现全面对比，帮你找到最适合日常开发的模型。Wed, 29 Apr 2026 06:00:00 GMThttps://chenguangliang.com/posts/blog152_react-chart-libraries-comparison/https://chenguangliang.com/posts/blog152_react-chart-libraries-comparison/深度对比 2026 年 React 主流图表库：Recharts、Apache ECharts、Nivo、TradingView Lightweight Charts，覆盖 K 线图、柱状图、Treemap 三种核心场景，从性能、bundle 大小、易用性给出选型建议。Mon, 27 Apr 2026 06:00:00 GMThttps://chenguangliang.com/posts/blog149_ai-coding-tools-2026-review/https://chenguangliang.com/posts/blog149_ai-coding-tools-2026-review/深度对比 2026 年主流 AI 编程工具：Claude Code、Cursor、GitHub Copilot、Windsurf、Trae、Cline、Gemini CLI、Aider，覆盖真实数据、最新定价、适用场景，帮助开发者做出选型决策。Sun, 26 Apr 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog148_ai-agent-66-percent-frontend/https://chenguangliang.com/posts/blog148_ai-agent-66-percent-frontend/斯坦福 2026 AI Index 报告显示，AI Agent 在真实计算机任务上的成功率一年内从 12% 跃升至 66%，距人类基准仅差 6 个百分点。这对前端开发者意味着什么，该如何调整工作流来利用这个转折点。Sat, 25 Apr 2026 08:00:00 GMThttps://chenguangliang.com/posts/blog144_vercel-context-ai-supply-chain-attack/https://chenguangliang.com/posts/blog144_vercel-context-ai-supply-chain-attack/复盘 2026 年 4 月 Vercel 遭入侵事件的完整攻击链：Roblox 外挂脚本 → Lumma Stealer → OAuth 过度授权 → SSO 横向移动 → 环境变量泄露，拆解每一环背后的安全盲点和开发者防御实践。Fri, 24 Apr 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog139_karpathy-skills-claude-md-guide/https://chenguangliang.com/posts/blog139_karpathy-skills-claude-md-guide/拆解 forrestchang/andrej-karpathy-skills 仓库一周暴涨 44K star 的背后：Karpathy 总结的 AI 编程四原则（编码前思考、简洁第一、手术式修改、目标驱动执行），以及如何在 Claude Code 中直接使用。Tue, 21 Apr 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog134_claude-code-env-vars-guide/https://chenguangliang.com/posts/blog134_claude-code-env-vars-guide/深度解析 Claude Code 两个被低估的环境变量：CLAUDE_CODE_EFFORT_LEVEL 控制推理档位，CLAUDE_CODE_ADDITIONAL_DIRECTORIES_CLAUDE_MD 实现跨项目共享规则，附完整配置示例和使用场景。Mon, 20 Apr 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog126_axios-supply-chain-attack/https://chenguangliang.com/posts/blog126_axios-supply-chain-attack/2026 年 3 月，axios npm 包被朝鲜国家级 APT 劫持，3 小时内向百万开发者环境植入 RAT。本文拆解两件独立但关联事件：供应链投毒的完整攻击链，以及 CVE-2026-40175（CVSS 10.0）的技术原理与实际可利用性争议。Fri, 17 Apr 2026 00:30:00 GMThttps://chenguangliang.com/posts/blog129_ai-agent-security-governance/https://chenguangliang.com/posts/blog129_ai-agent-security-governance/ClawHavoc 供应链攻击污染 1184 个 Agent 技能、波及 30 万用户，随后两周内 Cisco 和微软相继发布 Agent 安全工具。本文拆解威胁模型、对比两套防护体系的设计思路，并给出实际集成代码。Fri, 17 Apr 2026 00:00:00 GMThttps://chenguangliang.com/posts/blog124_claude-managed-agents-guide/https://chenguangliang.com/posts/blog124_claude-managed-agents-guide/2026年4月刚公测的 Claude Managed Agents 把 Agent Loop、工具执行、沙箱运行环境全部托管到 Anthropic 云端，开发者只需三个 API 调用就能跑起来一个自治 Agent。本文从核心概念讲起，结合真实代码演示完整工作流，并和自建方案做对比。Wed, 15 Apr 2026 06:00:00 GMThttps://chenguangliang.com/posts/blog122_hermes-agent-dev-workflow/https://chenguangliang.com/posts/blog122_hermes-agent-dev-workflow/不是再介绍 Hermes 有哪些功能，而是记录把它真正用进项目开发流程之后的体验：代码 review、需求拆解、文档生成、定时监控，哪些场景真的有用，哪些会坑你。Tue, 14 Apr 2026 12:00:00 GMThttps://chenguangliang.com/posts/blog119_claude-code-hooks-guide/https://chenguangliang.com/posts/blog119_claude-code-hooks-guide/Claude Code Hooks 是迄今为止最被低估的 AI 编程特性。本文从三类 Hook 的触发机制讲起，结合博客 Agent、工具站等真实项目中的 10+ 个配置案例，讲清楚怎么用 Hooks 让 Claude Code 真正融入你的工作流。Mon, 13 Apr 2026 10:00:00 GMThttps://chenguangliang.com/posts/blog117_hermes-agent-guide/https://chenguangliang.com/posts/blog117_hermes-agent-guide/Hermes Agent 是 Nous Research 推出的开源 AI 助手框架，内置自学习循环、跨平台消息集成和 Cron 调度，支持 OpenClaw 配置一键迁移。本文介绍其核心功能、适用场景及局限性。Fri, 10 Apr 2026 08:00:00 GMThttps://chenguangliang.com/posts/blog115_openclaw-to-claude-code-migration/https://chenguangliang.com/posts/blog115_openclaw-to-claude-code-migration/第三方 AI Agent 框架 OpenClaw 停服后，记录如何用 Claude Code CLI 重建完整的多 Agent 自动化体验：Telegram Bot、定时任务、会话持久化，以及迁移过程踩到的那些坑。Thu, 09 Apr 2026 14:00:00 GMThttps://chenguangliang.com/posts/blog113_qwen36-plus-breakthrough/https://chenguangliang.com/posts/blog113_qwen36-plus-breakthrough/阿里千问Qwen3.6-Plus发布仅一天登顶OpenRouter全球日榜,中国AI调用量连续五周超越美国。这背后意味着什么?本文从技术、数据和生态三个维度深入分析。Tue, 07 Apr 2026 06:00:00 GMThttps://chenguangliang.com/posts/blog109_flash-moe-local-inference/https://chenguangliang.com/posts/blog109_flash-moe-local-inference/一个开发者用 24 小时写出了 Flash-MoE，在 48GB MacBook Pro 上以 4.4 token/s 运行 397B 参数的 Qwen3.5 模型。只用约 6GB 内存，不需要云端 GPU。拆解它的技术原理：SSD 流式加载、Metal 着色器优化、MoE 稀疏激活。Tue, 31 Mar 2026 10:00:00 GMThttps://chenguangliang.com/posts/blog105_apifox-supply-chain-attack/https://chenguangliang.com/posts/blog105_apifox-supply-chain-attack/2026 年 3 月，Apifox 桌面客户端遭遇供应链投毒攻击，官方 CDN 上的 JS 文件被替换为恶意版本，窃取用户 SSH Key、Git 凭证等敏感信息。从攻击原理、影响范围到自查方法，拆解这次事件的技术细节。Sat, 28 Mar 2026 11:00:00 GMThttps://chenguangliang.com/posts/blog101_github-squad-multi-agent/https://chenguangliang.com/posts/blog101_github-squad-multi-agent/开源项目 Squad 让你用两条命令在仓库里初始化一支 AI 开发团队——架构师、前端、后端、测试各司其职，基于 Copilot 协作开发。聊聊它的架构设计、实际体验和背后的多 Agent 协作模式。Thu, 26 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog098_computer-use-agents/https://chenguangliang.com/posts/blog098_computer-use-agents/AI Agent 正在学会像人一样操作电脑——看屏幕、点鼠标、敲键盘。从 Anthropic Claude Computer Use 到 Microsoft CUA 再到 OpenAI Operator，Computer-Use 正在重新定义"软件集成"的含义。Tue, 24 Mar 2026 01:00:00 GMThttps://chenguangliang.com/posts/blog093_google-stitch-vibe-design/https://chenguangliang.com/posts/blog093_google-stitch-vibe-design/Google Stitch 迎来重大更新，从简单的 prompt-to-mockup 工具进化为 AI 原生设计画布。无限画布、语音交互、DESIGN.md 设计系统、MCP 集成——一次性发了五个大功能。免费、基于 Gemini，直接对标 Figma Make。Fri, 20 Mar 2026 03:00:00 GMThttps://chenguangliang.com/posts/blog091_karpathy-autoresearch-autonomous-ml/https://chenguangliang.com/posts/blog091_karpathy-autoresearch-autonomous-ml/解读 Karpathy 开源的 AutoResearch 项目：一个 630 行的 Python 脚本如何让 AI agent 在单 GPU 上自主进行 ML 实验，两天累计完成 700 个实验并找到 20 个有效优化。从架构设计到实际应用，分析这个"Karpathy Loop"模式为什么值得每个开发者关注。Thu, 19 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog088_mcp-2026-roadmap-analysis/https://chenguangliang.com/posts/blog088_mcp-2026-roadmap-analysis/MCP（Model Context Protocol）发布 2026 路线图，四大优先方向：传输层演进、Agent 通信、治理成熟化、企业就绪。从技术角度解读每个方向的具体问题和解决思路。Mon, 16 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog087_mirofish-swarm-intelligence-prediction/https://chenguangliang.com/posts/blog087_mirofish-swarm-intelligence-prediction/深度解析 MiroFish 群体智能预测引擎的技术架构与设计思路。一个大四学生用 Vibe Coding 10天开发，登顶 GitHub Trending，获盛大3000万投资。从技术角度看它做对了什么。Sun, 15 Mar 2026 10:00:00 GMThttps://chenguangliang.com/posts/blog083_x402-ai-agent-stablecoin-payment/https://chenguangliang.com/posts/blog083_x402-ai-agent-stablecoin-payment/深入解析 Coinbase x402 协议如何复活 HTTP 402 状态码，让 AI Agent 用稳定币自动支付 API 调用。从协议设计到代码实战，从 Stripe/Mastercard 竞争格局到 $28K 日交易量的现实挑战，全面拆解 Agent 支付赛道。Thu, 12 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog082_chrome-built-in-ai-guide/https://chenguangliang.com/posts/blog082_chrome-built-in-ai-guide/深入探讨 Chrome 内置 Gemini Nano 模型和浏览器原生 AI API（Prompt、Translation、Summarization），从技术架构到生产实战，展示如何构建隐私优先的本地 AI 应用，附完整代码示例和性能分析。Wed, 11 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog081_openclaw-cron-heartbeat-automation/https://chenguangliang.com/posts/blog081_openclaw-cron-heartbeat-automation/深度解析 OpenClaw 的 Cron Job 和 Heartbeat 机制，从选型策略到工程实践，结合真实案例展示如何构建可靠的自动化工作流，涵盖错误处理、状态管理、成本优化等关键环节。Mon, 09 Mar 2026 13:30:00 GMThttps://chenguangliang.com/posts/blog080_ai-models-comparison-2026/https://chenguangliang.com/posts/blog080_ai-models-comparison-2026/实测 12 款 AI 大模型（GPT-4o、Claude 3.5、Gemini 2.0、Qwen 2.5、GLM-4、Kimi 等），覆盖代码生成、中文写作、推理 6 大场景。附性能跑分、月费对比和选型决策树，帮你选出最适合的模型。Fri, 06 Mar 2026 09:45:00 GMThttps://chenguangliang.com/posts/blog079_build-ai-agent-with-long-term-memory/https://chenguangliang.com/posts/blog079_build-ai-agent-with-long-term-memory/深入探讨如何为 AI Agent 构建情景记忆、语义记忆、过程记忆三种长期记忆系统，包含完整技术架构设计、代码实现和生产优化方案。Mon, 02 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog078_ai-agent-driven-development/https://chenguangliang.com/posts/blog078_ai-agent-driven-development/探索 AI Agent 如何从"辅助工具"进化为"协作伙伴"，重塑现代开发者的工作流程。基于真实项目经验，深入解析上下文感知、主动执行、工具编排三大核心能力，附完整代码示例。Sun, 01 Mar 2026 02:00:00 GMThttps://chenguangliang.com/posts/blog077_ai-agent-skills-standardization-war/https://chenguangliang.com/posts/blog077_ai-agent-skills-standardization-war/深度解析 MCP、Agent Skills、Skills.sh 三大标准的技术架构、安全模型与治理机制，揭示真实安全事件背后的设计哲学冲突，并提供企业和开发者的选型指南。Thu, 26 Feb 2026 13:30:00 GMThttps://chenguangliang.com/posts/blog076_ai-agent-multi-task-collaboration/https://chenguangliang.com/posts/blog076_ai-agent-multi-task-collaboration/探讨如何设计和实现 AI Agent 的多任务协作系统，包括任务分解、状态管理、错误恢复等核心问题。通过博客发布工作流实战案例，深入理解 Agent 协作架构。Wed, 25 Feb 2026 02:30:00 GMThttps://chenguangliang.com/posts/blog075_why-ai-agents-ignore-rules/https://chenguangliang.com/posts/blog075_why-ai-agents-ignore-rules/通过两个真实生产事故的深度复盘，分析为什么 AI Agent 会系统性地忽略明确的规则，以及如何设计可靠的约束机制。包含技术原理、共性问题和可落地的解决方案。Mon, 23 Feb 2026 11:00:00 GMThttps://chenguangliang.com/posts/openclaw-memory-best-practices/https://chenguangliang.com/posts/openclaw-memory-best-practices/深入解析 OpenClaw 的记忆系统架构，从文件结构到检索优化，提供可落地的 AI Agent 记忆管理最佳实践Mon, 23 Feb 2026 10:00:00 GMThttps://chenguangliang.com/posts/blog073_build-ai-dev-assistant/https://chenguangliang.com/posts/blog073_build-ai-dev-assistant/深入探索如何从零搭建一个具备记忆、工具调用和任务规划能力的 AI 开发助手，展示 AI 原生开发的实践模式Sun, 22 Feb 2026 03:33:00 GMThttps://chenguangliang.com/posts/blog072_ai-agent-skills-ecosystem/https://chenguangliang.com/posts/blog072_ai-agent-skills-ecosystem/Skills 是什么？如何在 Claude Code、Codex、OpenClaw 等 AI 工具中安装使用？探索 skills.sh 和 awesome-openclaw-skills，掌握 3000+ 社区 Skills，让你的 AI Agent 从通用助手变身领域专家。Sat, 21 Feb 2026 12:00:00 GMThttps://chenguangliang.com/posts/blog071_electrobun-electron-alternative/https://chenguangliang.com/posts/blog071_electrobun-electron-alternative/12MB vs 150MB，14KB 增量更新，TypeScript 全栈开发。electrobun 如何用 Bun + Zig 重新定义桌面应用开发？技术架构、性能对比、实战指南全解析。Sat, 21 Feb 2026 03:00:00 GMThttps://chenguangliang.com/posts/blog070_ai-agent-tools-ecosystem-2026/https://chenguangliang.com/posts/blog070_ai-agent-tools-ecosystem-2026/从 Claude Code CLI 到 OpenClaw，从 everything-claude-code 35.6k⭐ 项目看 AI Agent 配置体系演进。Skill 机制、Hooks、Rules 全解析，附跨工具借鉴指南。Wed, 18 Feb 2026 12:30:00 GMThttps://chenguangliang.com/posts/ai-agent-frontend-workflow-part3/https://chenguangliang.com/posts/ai-agent-frontend-workflow-part3/如何控制 AI Agent 的 Token 成本？如何处理模型幻觉？如何在团队中推广？本文分享实战优化策略和协作最佳实践，附真实成本数据。Sun, 15 Feb 2026 06:00:00 GMThttps://chenguangliang.com/posts/ai-agent-frontend-workflow-part4/https://chenguangliang.com/posts/ai-agent-frontend-workflow-part4/系列完结篇。从 Copilot 到 Autonomous Agent，从闭源到开源，本文梳理 AI Agent 发展趋势，对比主流工具，探讨开发者角色转变。附完整学习路线。Sun, 15 Feb 2026 06:00:00 GMThttps://chenguangliang.com/posts/multi-agent-lessons/https://chenguangliang.com/posts/multi-agent-lessons/运行多 agent 系统一周后的真实踩坑记录：配置管理事故、TypeScript 导入错误、发布日期写错、成本优化实战，以及团队协作的最佳实践。Sun, 15 Feb 2026 05:30:00 GMThttps://chenguangliang.com/posts/ai-agent-frontend-workflow-part2/https://chenguangliang.com/posts/ai-agent-frontend-workflow-part2/用 AI Agent 实现智能代码审查和自动化测试用例生成。从 Git Hook 集成到 E2E 测试，本文分享完整实战方案和真实项目效果数据。Sat, 14 Feb 2026 10:00:00 GMThttps://chenguangliang.com/posts/ssh-reverse-tunnel-expose-local-ai/https://chenguangliang.com/posts/ssh-reverse-tunnel-expose-local-ai/通过 SSH 反向隧道 + Nginx 反向代理，将本地运行的 OpenClaw Gateway 安全暴露到公网，实现域名访问。数据完全本地化，多层安全防护，成本为零。Fri, 13 Feb 2026 08:00:00 GMThttps://chenguangliang.com/posts/ai-agent-frontend-workflow-part1/https://chenguangliang.com/posts/ai-agent-frontend-workflow-part1/AI Agent 不是简单的聊天机器人，而是能自主调用工具、管理上下文的智能助手。本文深入剖析 Agent 工作原理，并通过 React 组件自动生成实战，展示如何用 AI 重构前端开发流程。Fri, 13 Feb 2026 03:00:00 GMThttps://chenguangliang.com/posts/openclaw-multi-agent-guide/https://chenguangliang.com/posts/openclaw-multi-agent-guide/配置 OpenClaw 多 Agent 和 Telegram 多账号有不少坑。本文基于实战经验，总结所有常见问题和解决方案，让你少走弯路。Thu, 12 Feb 2026 16:45:00 GMThttps://chenguangliang.com/posts/ai-agent-tools-landscape-2026/https://chenguangliang.com/posts/ai-agent-tools-landscape-2026/Claude Code、OpenClaw、Cursor 三大 AI 编程工具实测对比。从运行方式、记忆系统、模型支持到 Skill 机制，一文讲清 2026 年 AI Agent 开发工具该怎么选。附配置体系详解和跨工具迁移指南。Thu, 12 Feb 2026 04:00:00 GMT