2025-11 → 2026-05 半年度前端技术风向调研。覆盖前端工程、设计 / DX / UI、AI × 前端三块,15 篇精读 + 9 篇外文长文全文翻译。
半年一次,把 2025-11 → 2026-05 这条窗口期里最值得干活的前端动向梳理一遍。15 篇精读 中文解读 + 译者点评,9 篇外文长文逐段翻译 + 译注 —— 配对的精读和全文紧挨着排,读到哪就跳到哪。
按编号顺序读最稳:01-22 是精读(中文解读 + 译者点评),03 / 09-14 / 23-24 是全文(英文长文逐段翻译,紧跟在配对精读后)。每篇精读底部、每篇全文开头都互相链着,从任何一篇进来都能跳到对位篇。
| 编号 | 标题 | 类型 |
|---|---|---|
| 07 | CJK 排版三件套:中文 web 必开(2026) | 精读 |
| 20 | CSS Wrapped 2025:22 个特性的年终总结(Una / Bramus / Rachel) | 精读 |
| 21 | llms.txt + Diátaxis:2026 docs 站双标准 | 精读 |
⭐ 这一块的内容量最大 —— Addy Osmani 三连(08)外加 5 篇配套全文(09-13);Anthropic 官方 harness 论(14);编辑器范式转向(22)外加 Tanner Linsley 两篇全文(23-24)。
| 编号 | 标题 | 类型 |
|---|---|---|
| 08 | Addy Osmani 三连:Factory Model / Comprehension Debt / Harness Engineering | 精读 ⇄ |
| 09 | Addy Osmani —《工厂模型:Coding Agent 是如何改变软件工程的》 | 全文 ⇄ 08 |
| 10 | Addy Osmani —《理解债:AI 生成代码的隐藏成本》 | 全文 ⇄ 08 |
| 11 | Addy Osmani —《Agent Harness 工程化》 | 全文 ⇄ 08 |
| 12 | Addy Osmani —《长跑 Agent》 | 全文 ⇄ 08 |
| 13 | Addy Osmani —《Claude Code Swarms》 | 全文 ⇄ 08 |
| 14 | Anthropic Engineering —《长跑应用开发的 Harness 设计》 | 全文 ~ 08/22 |
| 编号 | 标题 | 类型 |
|---|---|---|
| 15 | SKILL.md:跨工具事实标准(32+ agent 工具读同一份) | 精读 |
| 16 | MCP 协议:从产品到协议的越线 | 精读 |
| 17 | A2UI v0.9 + Ant Design X-Card:Generative UI 的协议层 | 精读 |
| 18 | Playwright MCP / CLI + SKILLs:AI 写测试的 production 级答案 | 精读 |
| 编号 | 标题 | 类型 |
|---|---|---|
| 22 | Cursor SDK + Zed 1.0:编辑器赛道转向(“内置 AI” → “agent runtime + 中立协议”) | 精读 ⇄ |
| 23 | Tanner Linsley —《Code Mode:让你的 AI 写程序,而不只是调用工具》 | 全文 ~ 22 |
| 24 | Tanner Linsley —《谁拥有这棵树?RSC 是一种协议,而不是一种架构》 | 全文 ~ 22 |
只想看 must-do 的 30 分钟版:01 → 02 → 04 → 05 → 08 → 15 → 16 → 19 → 22
想完整理解 AI × 前端方法论:08 →(09 → 10 → 11 → 12 → 13)→ 14 → 22 →(23 → 24)
做技术选型 / 团队工程化:02 → 04 → 06 → 19 → 14(harness 工程化)
做产品体验 / UI 设计:07 → 17 → 20 → 21