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.
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →
Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →
Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% 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
Fastest browser for AI agents to run web automation tasks, always free.
Download Free life-time →Notes, actions and memory. Without a meeting bot. First month 100% off.
Download for free →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →Connect your Claude agent to live crypto prices and trading routes via 1inch
Get the MCP →Block distracting apps from your iPhone permanently without a 3rd party app. Free and open source.
Block now (100% free) →