npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

magiceyes

v0.1.2

Published

Give your code assistant eyes - Visual context for AI coding assistants

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

rorzrorz

Keywords

mcpclaudeclaude-codeai-assistantchrome-extensionscreenshotvisual-contextcursorcopilot

Readme

MagicEyes

Give your code assistant eyes by letting it see your browser.

[!IMPORTANT] MagicEyes is in alpha. This means the Chrome extension isn't released just yet, but it's incredibly easy to link yourself with a couple of clicks.

[!NOTE] MagicEyes currently only works with Claude Code and Google Chrome. Support for more code assistants and browsers is on the roadmap!

Get started

Getting started with the MagicEyes alpha is insanely easy, and requires only one command:

npx magiceyes

Right now, you'll have to follow the instructions to load an upacked version of the extension in Chrome, but that's about it!

(Optional) Building yourself

You can optionally clone the repo, install dependencies, and run the build command yourself to achieve the same sort of thing as the command above.

What It Does

MagicEyes creates an MCP server inside your Chrome browser that provides screenshots of the different tabs you're working on to your code assistant.

This means you don't need to manually provide screenshots anymore to e.g. Claude Code, it should use the MCP server automatically: instant visual context!

[!CAUTION] MagicEyes has the ability to screenshot any of your Chrome tabs (active or not), and by default installs the MCP server for all user-scoped claude sessions.

Roadmap

  • Support more code assistants (such as Cursor)
  • Support more browsers
  • Add specific-element screenshot capture to make things faster
  • Improve the MCP server tooling / base instructions so that it is called more predictably