Website Feedback Tool
Read visual design reviews from live web pages: comments, CSS selectors, styles, console errors.
사용해야 할까요
품질 및 안전성
도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.
컨텍스트 비용
이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.
설치
원클릭 설치
`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
}커뮤니티
증거