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

athena-browser-mcp

v2.2.0

Published

MCP server for controlling Athena browser

Readme

Athena Browser MCP

An MCP server for browser automation that exposes semantic, token-efficient page representations optimized for LLM agents.


Motivation

LLM-based agents operate under strict context window and token constraints. However, most browser automation tools expose entire DOMs or full accessibility trees to the model.

This leads to:

  • Rapid token exhaustion
  • Higher inference costs
  • Reduced reliability as relevant signal is buried in noise

In practice, agents spend more effort finding the right information than reasoning about it.

Athena exists to change the unit of information exposed to the model.


Core Idea: Semantic Page Snapshots

Instead of exposing raw DOM structures or full accessibility trees, Athena produces semantic page snapshots.

These snapshots are:

  • Compact and structured
  • Focused on user-visible intent
  • Designed for LLM recall and reasoning, not DOM completeness
  • Stable across layout shifts and DOM churn

The goal is not to mirror the browser, but to present the page in a form that aligns with how language models reason about interfaces.


How It Works

At a high level:

  1. The browser is controlled via Playwright and CDP
  2. The page is reduced into semantic regions and actionable elements
  3. A structured snapshot is generated and sent to the LLM
  4. Actions are resolved against stable semantic identifiers rather than fragile selectors

This separation keeps:

  • Browser lifecycle management isolated
  • Snapshots deterministic and low-entropy
  • Agent reasoning predictable and efficient

Benchmarks

Early benchmarks against Playwright MCP show:

  • ~19% fewer tokens consumed
  • ~33% faster task completion
  • Same or better success rates on common navigation tasks

Benchmarks were run using Claude Code on representative real-world tasks. Results are task-dependent and should be treated as directional rather than absolute.


What Athena Is (and Is Not)

Athena is:

  • A semantic interface between browsers and LLM agents
  • An MCP server focused on reliability and efficiency
  • Designed for agent workflows, not test automation

Athena is not:

  • A general-purpose browser
  • A visual testing or screenshot framework
  • A replacement for Playwright

Playwright remains the execution layer; Athena focuses on representation and reasoning.


Usage

Athena implements the Model Context Protocol (MCP) and works with:

  • Claude Code
  • Claude Desktop
  • Cursor
  • VS Code
  • Any MCP-compatible client

Example workflows include:

  • Navigating complex web apps
  • Handling login and consent flows
  • Performing multi-step UI interactions with lower token usage

See the examples/ directory for concrete agent workflows.


Installation

git clone https://github.com/lespaceman/athena-browser-mcp
cd athena-browser-mcp
npm install
npm run build

Configure the MCP server in your client according to its MCP integration instructions.


Architecture Overview

Athena separates concerns into three layers:

  • Browser lifecycle — page creation, navigation, teardown
  • Semantic snapshot generation — regions, elements, identifiers
  • Action resolution — mapping agent intent to browser actions

This separation allows each layer to evolve independently while keeping agent-visible behavior stable.


Status

Athena is under active development. APIs and snapshot formats may evolve as real-world agent usage informs the design.

Feedback from practitioners building agent systems is especially welcome.


License

MIT