2026年7月17日搭建系统最会流血的两处,其实是同一种病:PRD 抽取与双向同步系列深挖篇。把「PRD→交互规格的 intake agent」和「schema↔代码的 round-trip」这两个搭建系统里最疼的单点挖到底,并揭示它们是同一种病——同一份信息在两种表示之间来回翻译时的边界问题。前者会静默编造缺失的逻辑,后者会静默漂移。负责任的解法都是同一句:把有损与歧义的部分显式化,而不是替它糊过去。含 intake 的完备性矩阵设计与 round-trip 四种策略的取舍。AIAgentLow-CodeFrontendRound-tripPRDHarnessArchitecture
2026年7月17日物料驱动的页面搭建:一份提前避坑的问题地图如果不走「设计稿端到端出码」,而是先沉淀高还原物料、再组合搭建页面——这条路会撞上哪些问题?本文用「一个活页面 = 5 层」的心智模型做主线,尽可能穷举物料设计、匹配、布局、业务逻辑、工程化到度量的全部坑点,并收敛到一个反直觉的结论:搭建范式的命门不是物料好不好看,而是「业务逻辑既不在设计稿也不在物料里」。FrontendLow-CodeDesign2CodeComponent LibraryArchitectureDesign System
2026年7月17日物料搭建 × AI Harness:一套完整表达生产级页面的协议族设计本系列的规范篇。为「基于物料的 UI 还原 + AI Harness 控制的业务逻辑还原」这套架构,负责任地穷举出需要的全部协议/Schema——分六层、23 个协议,共享一个 Envelope、彼此用 id 交叉引用,逐一给出结构、关键字段与含义。目标是让这套协议族能完整表达复杂场景与真实应用页面,逼近生产运行表现;同时诚实标注它的边界与未解难点。AIProtocolSchemaLow-CodeFrontendArchitectureDesign SystemHarness
2026年7月17日把协议族跑起来:一个协议驱动的 TODO 应用(含可运行 demo)系列实现篇。用 React + Vite + TS 把前面设计的协议族真正实现成一个可运行的 TODO 应用——整个 app 的视觉、数据、业务逻辑、边界态全部是一份声明式协议数据,运行时解释它渲染而成,换掉这份数据就换掉整个应用。接口用 mock 拦截真实 fetch 模拟真实行为(状态码/延迟/持久化/错误注入)。因为逻辑与 DOM 分离,同一个运行时能被无头单测完整覆盖。附可在线体验的 demo 与全部源码结构。AILow-CodeReactTypeScriptProtocolFrontendArchitectureHarness