uigrep
OfficialAllows capturing and annotating UI regions in Firefox to provide visual context for coding agents.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@uigreppull the latest UI feedback from the browser for the demo page"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
uigrep
uigrep is a local-first visual context bridge for coding agents. Start the background app, press a shortcut, annotate one or more UI regions in the browser, and let an MCP-enabled coding harness retrieve only the context it needs.
Product principles
The desktop UI is a fixed, non-expandable status pill.
Capture happens in the user's real browser.
The harness current working directory is the codebase root.
Context is stored locally and disclosed progressively.
No cloud account, telemetry, or hidden model calls.
Related MCP server: markupR MCP Server
Workspace
apps/desktop— Tauri desktop shell, local daemon, and status pill.apps/extension— WXT browser companion for Chromium and Firefox.apps/test-app— deterministic UI used by integration tests.packages/schema— canonical capture contracts and budgets.packages/bridge— authenticated loopback protocol helpers.packages/mcp— generic MCP stdio adapter.
Prerequisites
Node.js 22+
pnpm 10+
Rust stable and the platform prerequisites for Tauri 2
Development
Run
pnpm install.Run
pnpm check.Run
pnpm --filter @uigrep/desktop tauri devfor the desktop app.Run
pnpm --filter @uigrep/extension devfor Chromium orpnpm --filter @uigrep/extension dev:firefoxfor Firefox.Run
pnpm --filter @uigrep/test-app devfor the fixture page.
The initial default shortcut is Alt+Shift+G (Option+Shift+G on macOS), and it will be configurable.
This server cannot be deployed
Maintenance
Related MCP Connectors
Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis.
Comment on AI-generated webpages; feedback flows back to your coding agent. Free, MIT, local-first.
Browser-backed QA with evidence and fix-ready reports for coding agents.
Human feedback for AI agents: share HTML, get a live review link, read anchored notes as markdown.
Related MCP Servers
- AlicenseAqualityCmaintenanceEnables AI coding agents to discover, understand, and fix product issues (UX inconsistencies, accessibility violations, quality problems) identified by Skippr's browser extension through natural language commands.1118MIT
- AlicenseNot gradedqualityBmaintenanceEnables AI coding agents to capture screen and voice recordings, extract timestamped frames, and receive structured Markdown reports with context for bug fixing and UI feedback.1718MIT
- AlicenseNot gradedqualityBmaintenanceEnables AI coding agents to pull, triage, and resolve user feedback pinned directly on live web prototypes via MCP tools.232MIT
- FlicenseNot gradedqualityBmaintenanceEnables coding agents to access local browser diagnostics—runtime errors, console logs, network failures, breadcrumbs, DOM snapshots, and screenshots—and run closed-loop verification to debug and confirm fixes.538-