A hand-drawn architecture diagram showing a three-layer technology stack. Bottom layer labeled ‘浏览器自动化层：Playwright / CDP’ in a blue-tinted box. Middle layer labeled ‘协议层：MCP (Model Context Protocol)’ in a green-tinted box. Top layer labeled ‘Agent 框架层：browser-use / browser-harness’ in an orange-tinted box. Arrows connect layers from bottom to top showing the dependency flow. Each layer has small representative icons: a browser icon for bottom, a connector/bridge icon for middle, and a robot/AI icon for top. Warm sketch notes style, cream colored paper, black hand-drawn lines, soft pastel color blocks distinguishing each layer.
http://blog.xiangdangnian.net.cn/2026/05/17/AI-Agent-浏览器操作方案全景/prompts/02-framework-three-layer-architecture/