lo-eyes

io.github.sophiacave由 GitHub 帳號 sophiacave 發布v1.1.0更新於 Oct 24, 2026

Visual accessibility inspector. WCAG contrast, touch targets, heading audits, screenshots.

已驗證STDIO僅桌面瀏覽器自動化開發者工具

概覽

AI 產生的概覽

本機 MCP 伺服器，用來檢查網頁的視覺無障礙：WCAG 對比度、觸控目標、標題層級與響應式截圖。

可以做什麼
  • 依 iPhone、iPad、筆電、桌機等裝置預設擷取視窗尺寸的截圖
  • 將整頁切成可讀的視窗片段並產生 RAG 清單
  • 執行響應式與無障礙稽核並以 S+ 等級評分，檢查溢出、過小字級、觸控目標與標題層級跳階
  • 列出可用的裝置預設
適用情境
適合在檢查前端或網站的行動版與桌機版版面問題及基本無障礙問題時使用，也適合需要截圖或頁面片段供助理檢視的情境。可用於發佈前跨多個視窗的快速檢查。
執行需求
以本機 Python 3 程序執行，需安裝 Playwright 與無頭 Chromium，以及 MCP SDK。目標網站透過 BASE_URL 指定。未宣告帳號、API 金鑰或環境變數。
安裝前請注意
伺服器會用無頭瀏覽器造訪 BASE_URL 指向的網站，因此會向該網站發出真實網路請求。截圖與頁面內容會回傳給助理。僅讀取頁面，未描述寫入類操作。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 lo-eyes，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

lo-eyes

[CI]

[License: MIT] [Python 3.10+] [MCP Compatible]

Visual frontend accessibility inspector MCP server. WCAG contrast checking, touch target validation, heading hierarchy audits, responsive screenshots, and S+ grading across mobile and desktop viewports.

Built by Like One Foundation (501(c)(3) nonprofit). Works with any site by changing BASE_URL.

Tools

ToolDescription
eyes_screenshotViewport-sized screenshot at any device preset
eyes_scanAuto-chunk full page into readable viewport pieces with RAG manifest
eyes_auditResponsive + accessibility audit with S+ grading
eyes_devicesList available device presets

Device Presets

NameViewportType
iphone-se375x667Mobile
iphone-14390x844Mobile
ipad768x1024Tablet
laptop1280x800Desktop
desktop1440x900Desktop

Audit Checks

  • Overflow: Elements exceeding viewport width (respects scroll parents)
  • Font size: Text below 12px minimum
  • Touch targets: Interactive elements below Apple HIG 44px minimum
  • Heading hierarchy: Skipped heading levels (h1 -> h3)

Grading

GradeCriteria
S+Zero issues
A1-5 medium, zero high
B6+ medium, zero high
C1-2 high
D3-5 high
F6+ high

Setup

bash
cd lo-eyespython3 -m venv .venvsource .venv/bin/activatepip install playwright mcppython3 -m playwright install chromium

Usage

As MCP Server (Claude Code)

Add to .mcp.json:

json
{  "mcpServers": {    "lo-eyes": {      "command": "/path/to/lo-eyes/.venv/bin/python3",      "args": ["/path/to/lo-eyes/server.py"]    }  }}

As CLI

bash
./lo-eyes audit /                           # Audit homepage./lo-eyes screenshot /blog/ --device ipad   # iPad screenshot./lo-eyes scan / --device iphone-14         # Full-page chunked scan./lo-eyes responsive /academy/              # All 5 viewports

Stack

License

MIT

Built with love by Like One.

來源：README.md，提交 fdca2e3

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v1.1.0最新Sep 16, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分