所有文章

6 月

14

01
架构分析
Claude Code 工程化实战（一）：Claude Code 工程化全景：从 AI Coder 到 Agent Harness
这张图把 Agent Harness 画成一间工程控制室：模型在中央理解目标，Tools、Memory、Permissions、Hooks、MCP 与 SDK 分布在不同屏幕上，分别承担行动、长期事实、边界、验收和外部连接。重点是...
6月22日
02
架构分析
Claude Code 工程化实战（二）：上下文工程：Memory、Sub-Agents、Skills 与 Workflow
这张图把上下文工程画成信息分拣中心：噪声进入暂存区，长期事实进入 Memory，操作手册进入 Skills，复杂探索交给 Sub-Agents，固定流程沉淀为 Workflow。上下文工程的核心不是把信息塞满，而是让每类信息去它该...
6月22日
03
架构分析
Claude Code 工程化实战（三）：安全与质量控制：Hooks、Rules、Tools 与 MCP
这张图把安全与质量控制画成一套工程安检门：Tools 是可调用能力，Rules 是通行规则，Hooks 是执行前后的检查点，MCP 是通往外部系统的受控接口。这个画面的含义是：Agent 越能干，越需要清晰边界。安全控制不是让它慢...
6月22日
04
架构分析
Claude Code 工程化实战（四）：从个人助手到团队平台：Headless、Agent SDK 与 Plugins
这张图把团队平台画成一条能力生产线：个人规范化、项目共享化、流程自动化、能力产品化依次连接。Headless 负责无人值守的自动化，Agent SDK 负责把能力嵌入内部系统，Plugins 负责把一组经验打包复用。Agent 真...
6月22日
05
架构分析
前端智能体开发（一）：前端接入大模型：API、流式响应与多模态产品边界
这张图把一次大模型调用画成一条产品管线：请求协议负责把用户意图组织成结构化输入，流式响应让用户尽早看到结果，多模态模块处理图片、语音和视觉任务，工程边界负责鉴权、限流、日志与费用统计。真正的 AI 前端开发不是“浏览器里写一个 f...
6月22日
06
架构分析
前端智能体开发（二）：提示词与结构化输出：让 AI 前端可控、可解析、可交互
这张图把提示词、JSON 和动态解析器画成一条可验证的界面生产线：提示词负责定义任务和约束，结构化输出负责把结果落到可处理的字段里，解析器负责在内容增量到达时持续判断状态。AI 前端要做到“可用”，关键就在这三件事上。
6月22日
07
架构分析
前端智能体开发（三）：AI 工作流编排：让多个智能体跑同一套流程
这张图把 AI 工作流画成一张节点编排面板：大纲节点先确定结构，内容节点分段展开，工具节点负责搜索、存储和处理，所有输出最终通过同一条事件通道传给前端。复杂 AI 应用很少只靠一个模型调用完成，真正的难点是把多个节点、多个工具、多...
6月22日
08
架构分析
前端智能体开发（四）：智能体产品实战：从问题到可信答案的完整回合
这张图把一个智能体产品画成完整回路：用户输入进入系统后，先被改写成可处理问题，再用 RAG 补充事实，随后结合记忆和人设组织回答，最后用语音、插图、听书等方式完成体验。真正能落地的智能体产品，拼的不是单次回答有多漂亮，而是每个回合...
6月22日
09
架构分析
前端智能体开发（五）：企业级 AI 前端：AI Coding、工具调用、MCP 与本地推理
这张图把企业级 AI 前端画成工程网络：AI Coding 负责提升开发效率，本地模型负责隐私与成本，Tools 让模型执行动作，MCP 把外部系统接成标准工具，端侧推理把一部分模型能力放回浏览器。企业场景的重点不是单个模型有多聪...
6月22日
10
架构分析
前端全链路优化实战（一）：从一次卡顿投诉开始搭建前端全链路问题闭环
前端全链路的核心，不是做一套更漂亮的监控页面，而是把“用户说页面不好用”这类模糊问题，拆成可以被验证、被定位、被修复、被复盘的工程动作。它更像一张事故复盘看板：不能只看浏览器报错，也不能只看接口耗时，必须把用户、页面、网络、接口、...
6月22日
11
架构分析
前端全链路优化实战（二）：前端日志数据模型如何支撑追踪和归因
全链路系统的底座是数据模型。没有稳定的数据结构，后面的查询、聚合、告警、可视化和归因都会变成补丁式开发。它就像一张统一台账：如果每个系统都用自己的格式记录时间、用户、页面、接口和结果，事后就无法判断问题到底发生在哪个环节。
6月22日
12
架构分析
前端全链路优化实战（三）：指标采集如何拼成证据链
指标采集的目标不是“什么都记下来”，而是让排查人员能从一次用户访问中看到关键动作。它更像一组监测探针：页面体验、接口状态、资源异常和用户行为必须放在一起看。只看一个指标很容易误判，页面慢不一定是网络慢，接口成功不代表体验好，脚本没...
6月22日
13
架构分析
前端全链路优化实战（四）：监控告警如何从查询规则走向灰度决策
监控的价值不在于大屏有多少图，也不在于告警有多频繁，而在于它能否帮助团队更早发现问题、更快判断影响范围、更稳地做决策。前端监控应该像一间运行指挥室：趋势、影响面、版本、用户样本和灰度状态都要汇聚到一起，最终把噪音变成决策。
6月22日
14
架构分析
前端全链路优化实战（五）：从卡顿、白屏到 LCP 和 CLS 的系统打法
性能优化不是把每个技巧都用一遍，而是找到关键路径上的阻塞点，然后减少无效动作。可以把页面加载看成一条生产线：TTFB、关键请求、主线程长任务、资源加载和布局稳定性，任何一个环节堵住都会影响最终体验。
6月22日

4 月

10

3 月

23

2 月

1

48
胡说八道
Hello World
第一篇博客文章，记录博客的诞生。
2月27日

2026

6 月

Claude Code 工程化实战（一）：Claude Code 工程化全景：从 AI Coder 到 Agent Harness

Claude Code 工程化实战（二）：上下文工程：Memory、Sub-Agents、Skills 与 Workflow

Claude Code 工程化实战（三）：安全与质量控制：Hooks、Rules、Tools 与 MCP

Claude Code 工程化实战（四）：从个人助手到团队平台：Headless、Agent SDK 与 Plugins

前端智能体开发（一）：前端接入大模型：API、流式响应与多模态产品边界

前端智能体开发（二）：提示词与结构化输出：让 AI 前端可控、可解析、可交互

前端智能体开发（三）：AI 工作流编排：让多个智能体跑同一套流程

前端智能体开发（四）：智能体产品实战：从问题到可信答案的完整回合

前端智能体开发（五）：企业级 AI 前端：AI Coding、工具调用、MCP 与本地推理

前端全链路优化实战（一）：从一次卡顿投诉开始搭建前端全链路问题闭环

前端全链路优化实战（二）：前端日志数据模型如何支撑追踪和归因

前端全链路优化实战（三）：指标采集如何拼成证据链

前端全链路优化实战（四）：监控告警如何从查询规则走向灰度决策

前端全链路优化实战（五）：从卡顿、白屏到 LCP 和 CLS 的系统打法

4 月

一人公司 的粗略想法（一）

一人公司 的粗略想法（三）

一人公司 的粗略想法（二）

一人公司 的粗略想法（四）

一人公司 的粗略想法（五）

一人公司 的粗略想法（六）

一人公司 的粗略想法（七）

一人公司 的粗略想法（八）

codex docs cn 复盘

codex docs 中文文档

3 月

Vide Coding 复盘

openyouyou 的 agent 实施文档 (final)

openyouyou 的 agent 实施文档 by claude

openyouyou 的 agent 实施文档 by codex

openyouyou 的 agent 架构设计文档 by codex

openyouyou 的 agent 架构设计文档 by claude

openyouyou 的 agent 架构设计文档

openyouyou 的 agent 需求文档第一版

openyouyou 的 agent 需求文档第二版

openyouyou 的 agent 需求文档第三版

openyouyou 实践的 prompt (一)

Codex Agent System Prompt 清单

Openclaw Agent System Prompt 清单

openyouyou 构想(一)

openyouyou 构想(二)

Codex Agent Tools 清单

Codex Agent Skills 清单

Openclaw Agent Skills 清单

openclaw Agent Tools 清单

openyouyou 的粗略想法

PgDog 架构分析文档

Mac Mini openclaw 配置 （App/工具 下载）

婚礼救星（weddingsavior） - 备婚 APP 设计

2 月

Hello World

一人公司的粗略想法（一）

一人公司的粗略想法（三）

一人公司的粗略想法（二）

一人公司的粗略想法（四）

一人公司的粗略想法（五）

一人公司的粗略想法（六）

一人公司的粗略想法（七）

一人公司的粗略想法（八）

Mac Mini openclaw 配置（App/工具下载）