Loupe

Pin feedback to the live UI and hand it to Claude.

Install

npm i @loupekit/sdk   # widget
npm i -g @loupekit/mcp   # MCP server for Claude Code
composer require loupekit/laravel   # Laravel apps

Numbers fetched 2026-10-30 from the GitHub, npm and Packagist APIs.

Loupe is an embeddable visual-feedback SDK. You inspect an element on a live page, pin a comment, capture a screenshot, and the feedback reaches Claude Code through MCP. Comments re-anchor across redeploys, so a note on a button still finds the button after the next release.

Packages

• @loupekit/sdk (the embeddable widget), @loupekit/mcp (the MCP server for Claude Code) and @loupekit/shared on npm, from the loupe repository (TypeScript).
• loupekit/laravel is the Laravel package, published on Packagist from a read-only split of the main repository (loupe-laravel).

Listed in

The MCP server is listed on Glama, and Loupe was added to the Product Management section of the punkpeye/awesome-mcp-servers list (pull request merged 2026-07-22).

Where to read more

The repository README explains installation and the MCP connection. Live download numbers are on the packages page.

Posts about Loupe

• Loupe system design: pins that survive redeploys
• How to use Loupe: pin feedback for Claude Code

Topics: AI coding agents: tools and notes · Model Context Protocol (MCP): tools I build · Laravel and AI agents: packages and notes · Node.js and Bun tooling: projects and notes

Made by Mohamed Ashraf Elsaed.