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: tyrekick
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
Visual feedback from your website's visitors as tasks for your coding agent.
Give AI coding agents access to your Vynix visual feedback, bug reports, and AI diagnosis.
Client feedback pinned on live sites, Figma frames, PDFs, images and video, for Claude and agents.
1Comment on AI-generated webpages; feedback flows back to your coding agent. Free, MIT, local-first.
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.1118 npmMIT
- AlicenseNot gradedqualityCmaintenanceEnables AI coding agents to pull, triage, and resolve user feedback pinned directly on live web prototypes via MCP tools.03MIT
- AlicenseNot gradedqualityAmaintenanceEnables coding agents to capture pixel-accurate screenshots and DOM state from localhost apps, receive user-drawn instructions and reference images, and manage implementation review cycles.2 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables AI agents to drive live, URL-synced mobile and desktop browser sessions and receive UI problems as measured text — contrast ratios, undersized touch targets, overflow, occlusion, and theme drift — each attached to the exact selector to fix. Humans and agents share the same live session, so pinned notes and their screenshots can be read back by the agent.109 npmMIT