FlowLens
Magentic AI · 程式設計
FlowLens 是由 Magentic AI 打造的 AI 原生錯誤回報工具。它會錄下錯誤出現時瀏覽器中發生的事，接著把完整的脈絡交給程式碼代理，讓代理不必經過冗長的來回溝通就能除錯。你不必再提供螢幕截圖和複製貼上的主控台錯誤，只要送出一個連結，你的團隊和 AI 代理都能看懂。
關於 FlowLens
什麼是 FlowLens
FlowLens 是為 AI 時代設計的錯誤回報工具，核心想法是：錯誤周遭的脈絡比錯誤回報本身更重要，而一段錄影就能取代那一整串螢幕截圖、聊天訊息和記不太清楚的重現步驟，這些東西往往拖慢了修復速度。它會把一個錯誤的完整瀏覽器脈絡（影片、網路請求、主控台輸出、使用者操作、儲存狀態、瀏覽事件和系統資訊）擷取成一個可分享的連結，讓人和機器都能讀懂，不必額外解釋。那段錄影就變成一個可分享的連結。
那麼，這在每天的實務上改變了什麼？當連結送到代理手中之後，改變可大了。
重點在脈絡。當開發者或除錯助理要排查前端問題時，最難的部分通常是想還原使用者到底做了什麼。FlowLens 移除了這種猜測。代理透過 MCP 伺服器取得錄影，接著開始用真實資料做事，這正是這裡的 AI 除錯感覺起來和單純一張截圖不同的原因。
最大的限制在範圍。FlowLens 是瀏覽器工具，所以適合網頁應用和前端除錯，而不是原生行動裝置或純後端的問題。它也預設你工作流程裡已經有相容於 MCP 的程式碼代理。如果你的團隊全靠人工除錯，能得到的效益會比較少。
開始使用
- 安裝 FlowLens 瀏覽器擴充功能和 MCP 伺服器，官網說這大約需要一分鐘。
- 打開你的網頁應用，在重現錯誤之前先按下錄製按鈕。
- 像真實使用者那樣重現問題。照著顧客會做的流程去點擊和輸入。
- 停止錄製。FlowLens 會把影片、紀錄、網路活動和互動打包成一個連結。
- 把連結分享給團隊，或貼進你的 AI 代理，代理會透過 FlowLens 的 MCP 連線讀取它。
產品資訊
快速了解 FlowLens 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端開發者：不必請測試人員重新解釋，就能取得某個錯誤的完整瀏覽器脈絡，前提是他們做的是網頁應用。
- QA 與測試工程師：提出人和 AI 代理都能讀的回報。這終結了常見的釐清循環。
- 獨立創辦人與小型團隊：直接把粗略的錯誤錄影交給程式碼代理，而不必寫詳細的重現步驟。
任務
- 重現與回報前端錯誤：錄一次就能自動擷取點擊、輸入、選擇器和時間戳。
- 除錯主控台與網路錯誤：錄影會把錯誤、警告、堆疊追蹤和完整請求資料一起打包。
- 把錯誤交給 AI 程式碼代理：代理透過 MCP 讀取錄影，所以不必複製貼上提示詞。
情境
- 結帳流程偶發性地中斷，你分不清是哪個請求失敗，而網路擷取會直接顯示失敗的那個呼叫。
- 同事只回報「按鈕沒反應」卻沒給細節，你打開錄影就能看到確切的點擊和主控台錯誤。
- 你人不在桌前，想讓代理只靠一個分享連結就開始修錯誤。
主要功能
一鍵瀏覽器錄製
FlowLens 用一顆錄製按鈕取代了過去右鍵加檢查的流程。你像一般使用者那樣重現錯誤，工具就在背景擷取一切。當你停止時，你拿到的是一整套完整內容，而不是散落的筆記。
完整的瀏覽器脈絡擷取
錄影會把螢幕影片、網路活動、主控台輸出、使用者互動、儲存狀態、瀏覽事件和系統資訊匯集在一起。每一部分都和其他部分同步，所以你能把影片中的某個時刻對上同一瞬間失敗的請求。這個同步就是全部的訣竅。它是 FlowLens 有別於單純螢幕錄影工具的核心所在。
透過 MCP 提供 AI 就緒的脈絡
FlowLens 附帶一個 MCP 伺服器，把錄影連接到 Claude Code、Cursor、Copilot、Codex、Windsurf 和 Gemini CLI 等程式碼代理。代理直接讀取完整脈絡，所以你省下了貼上主控台錯誤、截圖和寫長提示詞的功夫。GitHub 專案把這個 MCP 伺服器描述為開放原始碼。
可分享的錯誤連結
一個連結同時適用於你的隊友和你的 AI 代理。你可以把它貼進聊天，或交給代理，完全不必重新排版，這終結了關於回報者到底想表達什麼的常見來回。
隱私優先的處理
自動的個人資料（PII）遮蔽在你的機器上本機執行，錄影經過加密，由你決定要和團隊分享什麼。當錯誤錄影含有客戶資料或你不希望外流的 session 細節時，這點很重要。
感知 SPA 的瀏覽追蹤
擷取功能透過 History API 和 hash 變化來處理單頁應用，所以即使網址幾乎沒動，瀏覽事件依然能對得上。完全用 JavaScript 做路由的前端應用，不會在你的報告裡產生空連結。
優缺點
優點
- 一次就能擷取開發者真正需要的技術脈絡，包括網路資料和儲存狀態。
- 支援主流的 MCP 相容程式碼代理，所以能融入你可能已經在用的工作流程。
- 本機 PII 遮蔽和加密錄影，讓分享敏感的錯誤回報更容易。
- 一個連結同時服務人和代理，縮短了前端錯誤的釐清循環。
缺點
- 它是瀏覽器工具，所以原生行動應用或後端服務的錯誤不在它的範圍內。
- 價值取決於是否已具備 MCP 相容的代理；完全靠人工除錯的團隊能得到的效益有限。
- 在長時間的 session 中，詳細的網路與儲存擷取可能顯得吃重，你會想修剪要保留的內容。
常見問題
FlowLens 用來回報和除錯前端錯誤。它會錄下一個錯誤的完整瀏覽器脈絡，接著把那段錄影分享給開發者和 AI 程式碼代理，讓他們更快修好問題。
相關內容
探索與 FlowLens 相關的工具、技能與文章。
FlowLens 替代方案
Forefront
Forefront · 程式設計Forefront 是一個用來打造開源 AI 的網頁平台。你可以用自己的資料微調主流的開源語言模型、評估它們的表現，再透過 API 執行，或匯出後自行架設。想要封閉式平台的便利、卻堅持要自己擁有模型與資料的開發者，就是這裡的目標客群。
Startkit
StartKit.AI · 程式設計Startkit 是一套用來打造 AI SaaS 與 AI 包裝產品的樣板。可以把它想成一個 AI 新創樣板，把枯燥的部分都先接好了：驗證、Stripe 與 Lemon Squeezy 付款、用量限制、交易型電子郵件，以及一套能與 OpenAI、Anthropic、Groq 或 Llama 溝通的 AI API 啟動套件。你複製儲存庫、設定價格，然後專心在產品中使用者真正願意付費的部分。它建構於 React 與 Tailwind 之上的 Next.js，所以大部分的樣板程式碼對你來說並不陌生。
Testim
Tricentis · 程式設計Testim 是專為網頁、行動與 Salesforce 應用程式打造的 AI 測試自動化平台，用來建立並執行端到端測試。它靠機器學習在介面變動時維持測試穩定，團隊因此少花時間修補壞掉的定位器。對於一款今天就能開始使用的自動化測試工具來說，這表現不算差。你透過在瀏覽器錄製動作來建立測試，需要更多控制時再補上 JavaScript。對忙碌的 QA 團隊來說，這是個可靠的選擇。