Summary
Spins up Playwright in headless Chromium to run frontend accessibility audits straight from your Claude chat. You get four tools: screenshot any page at iPhone, iPad, or desktop viewport sizes, scan full pages into chunked viewport pieces with a RAG manifest, audit for WCAG contrast and touch target violations with S+ grading, or list device presets. The audit catches overflow elements, sub-12px fonts, touch targets below Apple's 44px minimum, and broken heading hierarchies. Built by Like One Foundation as a nonprofit project. Works over stdio transport and includes a CLI wrapper if you want to run it standalone. Change the BASE_URL environment variable to point at whatever site you're testing.
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →lo-eyes
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
| Tool | Description |
|---|---|
eyes_screenshot | Viewport-sized screenshot at any device preset |
eyes_scan | Auto-chunk full page into readable viewport pieces with RAG manifest |
eyes_audit | Responsive + accessibility audit with S+ grading |
eyes_devices | List available device presets |
Device Presets
| Name | Viewport | Type |
|---|---|---|
iphone-se | 375x667 | Mobile |
iphone-14 | 390x844 | Mobile |
ipad | 768x1024 | Tablet |
laptop | 1280x800 | Desktop |
desktop | 1440x900 | Desktop |
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
| Grade | Criteria |
|---|---|
| S+ | Zero issues |
| A | 1-5 medium, zero high |
| B | 6+ medium, zero high |
| C | 1-2 high |
| D | 3-5 high |
| F | 6+ high |
Setup
cd lo-eyes
python3 -m venv .venv
source .venv/bin/activate
pip install playwright mcp
python3 -m playwright install chromium
Usage
As MCP Server (Claude Code)
Add to .mcp.json:
{
"mcpServers": {
"lo-eyes": {
"command": "/path/to/lo-eyes/.venv/bin/python3",
"args": ["/path/to/lo-eyes/server.py"]
}
}
}
As CLI
./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
- Python 3
- Playwright (headless Chromium)
- MCP SDK (FastMCP, stdio transport)
License
MIT
Built with love by Like One.
Featured
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Give your AI agent a complete email layer—sending, inbound inboxes, and sandbox testing.
Get 4K emails/month free →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →