Website Feedback Tool
Read visual design reviews from live web pages: comments, CSS selectors, styles, console errors.
我該用這個嗎
品質與安全性
根據工具定義與協定合規性的自動化分析。
上下文成本
這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高，可用於其他工作的注意力就越少。
安裝
一鍵安裝
將以下內容加入你的 `claude_desktop_config.json` 檔案：
{
"mcpServers": {
"website-feedback-tool": {
"url": "https://dfozgzaflbudvthtlhvn.supabase.co/functions/v1/mcp"
}
}
}遠端端點
https://dfozgzaflbudvthtlhvn.supabase.co/functions/v1/mcpstreamable-http它能做什麼
工具清單
工具（5）
🟢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.
輸入結構描述
{
"type": "object",
"properties": {},
"additionalProperties": false
}🟢get_latest_review
Get the most recent design review as Markdown feedback (comments, selectors, computed styles, console/network errors, screenshot URLs).
輸入結構描述
{
"type": "object",
"properties": {},
"additionalProperties": false
}🟢get_review(reviewId)
Get one design review by id as Markdown feedback. Obtain the id from list_reviews.
輸入結構描述
{
"type": "object",
"properties": {
"reviewId": {
"type": "string",
"description": "Review id, e.g. rvw_abc123…"
}
},
"required": [
"reviewId"
],
"additionalProperties": false
}🟢open_review_link(url)
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.
輸入結構描述
{
"type": "object",
"properties": {
"url": {
"type": "string",
"description": "The full share link, including the ?t=… part."
}
},
"required": [
"url"
],
"additionalProperties": false
}🟢get_screenshot(reviewId, commentId, url)
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.
輸入結構描述
{
"type": "object",
"properties": {
"reviewId": {
"type": "string",
"description": "Review id, e.g. rvw_abc123…"
},
"commentId": {
"type": "string",
"description": "The comment id shown beside the screenshot in get_review."
},
"url": {
"type": "string",
"description": "Only for a review you opened with open_review_link: the same share link, which is what authorises reading its screenshots."
}
},
"required": [
"reviewId",
"commentId"
],
"additionalProperties": false
}社群
證據