Website Feedback Tool

tools.websitefeedback由 websitefeedback.tools 發布v0.1.2更新於 Oct 24, 2026

Read visual design reviews from live web pages: comments, CSS selectors, styles, console errors.

發布方自己的服務：feedback.tools

已驗證Streamable HTTP可網頁執行開發者工具媒體與設計

服務詳細資訊

識別碼: tools.websitefeedback/website-feedback-tool
傳輸: Streamable HTTP
執行環境: Web executable
信任: Verified
發布於: Oct 11, 2026

安全提示

MCP 服務會接收對話中的工具呼叫請求，並可能執行外部操作。啟用前請先了解該服務能做什麼，並只授予它所需的權限。

註冊中心已驗證此服務的命名空間屬於 websitefeedback.tools，但其端點不在該網域下，因此發布者未必執行此服務。

SourceWeft 的檢查只涵蓋條目是否完整、端點是否回應；不審查伺服器的程式碼，也不審查其工具的行為。

在 README 中新增徽章

向讀者展示該 MCP 服務已收錄於 SourceWeft，徽章連結到本頁。

[![Listed on SourceWeft](https://sourceweft.com/badge/mcp/tools.websitefeedback%2Fwebsite-feedback-tool.svg)](https://sourceweft.com/mcp/tools.websitefeedback%2Fwebsite-feedback-tool?utm_source=readme&utm_medium=badge)

概覽

AI 產生的概覽

把從即時網頁擷取的設計審查（留言、CSS 選擇器、計算樣式、主控台與網路錯誤、截圖）以 Markdown 形式提供給助理閱讀。

可以做什麼: 列出瀏覽器擴充功能推送的近期設計審查，包含網站、標題、時間與留言數，方便挑選要處理的一筆。取得最新審查或依 id 取得指定審查，以 Markdown 回傳留言、選擇器、計算樣式及主控台/網路錯誤。開啟他人貼上的分享連結中的審查並讀取其回饋。內嵌檢視某則留言的截圖。
適用情境: 適合讓助理直接處理從即時頁面收集的視覺回饋，例如修正版面或樣式問題，或跟進別人以連結分享的審查，而不必手動描述問題。
執行需求: 透過 streamable HTTP 存取的遠端端點。需要在 Authorization 標頭提供 bearer 權杖，即從 Website Feedback Tool Chrome 擴充功能（Connect AI agent）取得的 agent key。審查通常由該擴充功能產生；分享連結自帶存取權限。

安裝前請注意

Authorization 標頭攜帶密鑰 agent key，請勿寫入日誌或共用紀錄。審查會暴露頁面內容、計算樣式、主控台與網路錯誤以及截圖連結，可能含被審查網站的敏感資料。開啟分享連結即可存取該審查內容。伺服器對審查為唯讀，擷取由擴充功能完成。

安裝

在 SourceWeft 中

開啟儀表板中的 Website Feedback Tool，將其新增到工作區。
連接 Authorization token 憑證。它們會被私密儲存，絕不會在公開頁面上展示。
為需要使用其工具的對話啟用該服務。

Web executable，透過 Streamable HTTP。遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式，或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南，先向你展示發布者、端點和登入方式，經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/tools.websitefeedback%2Fwebsite-feedback-tool/install.md，並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前，先告訴我它的發布者、端點和登入方式，等我確認。不要把 API 金鑰寫進命令或我會提交的檔案；問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "website-feedback-tool": {
      "type": "http",
      "url": "https://dfozgzaflbudvthtlhvn.supabase.co/functions/v1/mcp",
      "headers": {
        "Authorization": "Bearer <YOUR_TOKEN>"
      }
    }
  }
}

工具

list_reviews

List your recent design reviews pushed from the Design Review browser extension (newest first): website, title, time, comment count and the reviewId to pass to get_review. Use this to pick which review to apply.

無需輸入參數。

get_latest_review

Get the most recent design review as Markdown feedback (comments, selectors, computed styles, console/network errors, screenshot URLs).

無需輸入參數。

get_review

Get one design review by id as Markdown feedback. Obtain the id from list_reviews.

輸入參數reviewId必填

open_review_link

Open a design review from a share link somebody sent you (a /r/<id>?t=… URL) and get its feedback as Markdown. Use this when the user pastes a review link rather than asking for their own reviews — the link carries its own access, so the review does not need to have been pushed from this machine. It stays out of list_reviews: to open it again later, use the link again.

輸入參數url必填

get_screenshot

View a comment's screenshot inline (clients don't fetch image URLs themselves). Pass the reviewId and the comment id shown next to the screenshot in get_review.

輸入參數urlreviewId必填commentId必填