notch-mcp

notch-mcp

Enables agents to display status readouts in the Mac's notch area via MCP, with multiple styles and progress indicators.

Category
Visit Server

README

Notch MCP

A status readout at the top of your Mac that any agent can write to, from any MCP client: Claude Code, Cursor, Windsurf, Zed, Conductor.

Pendant style


Why

Three agents running. One is refactoring, one is partway through the test suite, one has been "almost done" for ten minutes, and you can't tell which without finding the right window and reading back through scrollback.

So you check less often. Then you forget, and something that finished four minutes ago sits there waiting for you.

The expensive part was never the two seconds of switching. It's that after you switch, you don't come back.

Being an MCP server rather than an editor extension is what makes the fix portable. Any agent in any MCP client calls one tool, and you get a line at the top of your screen you can read without leaving what you're doing.


Install

git clone https://github.com/avoguru/notch-mcp.git
cd notch-mcp
npm install

Then add it to your agent.

Claude Code

claude mcp add notch --scope user -- node "$(pwd)/bin/server.mjs"

Cursor, in ~/.cursor/mcp.json

{
  "mcpServers": {
    "notch": {
      "command": "node",
      "args": ["/path/to/notch-mcp/bin/server.mjs"]
    }
  }
}

Conductor runs Claude Code underneath, so the Claude Code command covers it. Use --scope user so every workspace gets it.

Windsurf, in ~/.codeium/windsurf/mcp_config.json, same shape as Cursor.

Zed, in context_servers in settings.json, same shape as Cursor.

Try it

Ask your agent:

Show a build progressing in the notch, then mark it done.


Styles

Four readouts for four kinds of job. Your agent calls notch_styles and picks one on its own. Default is pendant.

pendant, for the thing you're waiting on

pendant

Hangs below the notch, sized to its text. The bottom edge fills as it progresses. For builds, test runs, deploys.

belt, for background work you can ignore

belt

A thin strip across the whole display. Label on the left, detail and percent on the right (both ends shown above). The whole strip fills as it progresses. For syncs, watchers, queues.

pill, for a quick message

pill

A capsule floating below the notch. No progress bar. For "deployed", "pushed", "done in 12s".

glow, for when something is happening

glow

A line of light under the notch and nothing else. No text. The bright segment travels as it progresses. For when you only need to know it's alive.


Tools

Tool What it does
notch_styles Lists the styles so the agent can choose
notch_status Show or update, with text, detail, progress, style
notch_done Green, then hides itself
notch_error Red, stays a bit longer
notch_clear Hide now

A typical run:

notch_status  { text: "Running test suite", progress: 0,    style: "pendant" }
notch_status  { text: "Running test suite", progress: 0.68, detail: "342/500" }
notch_done    { text: "Tests passed",       detail: "500 in 41s" }

Getting rid of it

Click it. On pendant, pill and glow you can click anywhere on the readout; the belt has an × on the right because it spans the screen.

It also clears itself:

  • when your agent finishes
  • when you quit or force-quit your editor
  • after 30 minutes if something was left running

It can't get stuck on screen, and there's nothing to clean up by hand.


Supported

macOS · Node 18+ · zero runtime dependencies

Needs Xcode Command Line Tools for the display component (xcode-select --install). npm install builds it.

Tested on MacBook Pro 16" (M4 Pro), macOS 15.6 Sequoia.

Works with the lid closed or on an external monitor. There's no notch to hang from, so the readouts sit under the menu bar instead.


Contributions welcome

Plenty left to do. A few I'd find useful:

  • Stack concurrent agents. One readout shows at a time and the most recently updated session wins. Three agents visible in the belt at once would be better, and it's the thing this most needs.
  • More styles. docs/catalogue.html has 33 treatments that were explored. Four shipped.
  • Windows and Linux. The MCP server is portable. The renderer is AppKit.
  • A rules snippet so agents call it consistently without being asked each time.

bin/server.mjs is about 300 lines with no dependencies, so it's readable end to end if you want to see what an MCP server is underneath. Open an issue or a PR.

Development

npm test             # 28 checks against the real server and display
npm run shots        # re-render docs/img at 3x (npm run shots 4 for 4x)
npm run build        # rebuild bin/notchd

License

MIT

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured