AI Agent 的 Web 技能雙引擎 — Playwright × Webwright 一頁讀懂

「AI Agent 的 Web 技能雙引擎」是阿凱老師做的一頁式科普解說頁，用最白話的方式講清楚 Playwright 與 Webwright 這兩個讓 AI Agent 能操作網頁的關鍵字，解決「常聽到這些名詞、卻不知道差在哪、到底能幹嘛」的痛點。

🎭 Playwright — 動手操作的那台引擎

• 微軟開源的瀏覽器自動化框架
• 跨瀏覽器（Chromium / Firefox / WebKit）、自動等待、強大元素定位（Locator）
• 多語言支援（Python / TypeScript / .NET / Java）
• 一句話：「你給明確步驟，我精準執行」

🤖 Webwright — 動腦規劃的那台引擎

• 微軟研究院提出的「AI 驅動瀏覽器任務代理框架」
• 自然語言理解 → 自動拆解任務 → 生成 Playwright 程式 → 執行後自我修正
• 可擴充成 Agent 技能模組
• 一句話：「你說需求，AI 幫你完成」

🧩 為什麼是「雙引擎」

一個負責動手操作、一個負責動腦規劃，合起來才是完整的 Web Agent —— 任務看得懂、做得到、做完還有回報。

📋 真實自動化情境

• ✍️ 自動填寫 Google 表單（只改 profile.json 設定檔、不動程式就能擴充欄位）
• 📂 電子公文自動歸檔（讓 Agent 自動點按、歸檔長官決行的公文）
• 🛒 電商比價、📊 資料擷取、🏢 企業內部流程與報表自動化

日記體娓娓道來、漸進式向下捲動逐段揭露，松鼠吉祥物與大量 emoji 把硬核技術講得親切好懂。給想入門 AI 網頁自動化的老師、想知道「AI Agent 怎麼幫我做網頁雜事」的人，一頁就看懂兩個關鍵字。