Navi

Navi

A desktop notifier for AI agents that floats on screen and alerts users with chimes and speech bubbles when an agent calls its notify tool.

Category
Visit Server

README

Navi 🧚

Hey! Listen!

A desktop notifier for AI agents, styled after the fairy from The Legend of Zelda: Ocarina of Time. Navi floats on your screen; when an agent (Claude Code or any MCP client) calls her notify tool, she rings, changes color, and shows the message in a speech bubble — so you know when an agent needs you without watching the terminal.

Kind Meaning Color Chime volume
urgent Agent needs your approval 🔴 Red 100%
warning Something needs attention 🟡 Yellow 60%
success Task finished 🟢 Green 35%

Idle, she glows soft blue, bobs, flaps her wings, sheds sparks, and drifts lazily around her corner of the screen. Drag her anywhere by her body.

How it works

One Electron app hosts both:

  • An MCP server (streamable HTTP, stateless) on 0.0.0.0:8641, exposing a single tool:

    notify(kind: "urgent" | "warning" | "success", message: string, title?: string)
    
  • The fairy overlay — a transparent, frameless, always-on-top window.

A tray icon provides per-kind test notifications, a "Copy MCP add command" shortcut, and Quit.

Requirements

  • Windows 10/11 with Node.js LTS (the app is Windows-only: transparent overlay + audio).
  • Agents can run anywhere that can reach port 8641 — including WSL2.

Run from source

npm install
npm start

Allow the Windows Firewall prompt on first launch (tick Public if your agents connect from WSL2 — the WSL virtual adapter is usually classified Public).

Build the exe

npm run package

Output: release/navi-win32-x64/navi.exe. Launching it starts the MCP server automatically; on startup Navi's speech bubble shows the exact command to register her with Claude Code.

Connect an agent

From Windows:

claude mcp add --transport http navi http://localhost:8641/mcp

From WSL2 (NAT mode — the default), use the Windows host IP instead:

HOST=$(ip route show default | awk '{print $3}')
claude mcp add --transport http navi http://$HOST:8641/mcp

The NAT IP can change after a reboot — re-run the command if calls stop connecting, or enable networkingMode=mirrored in .wslconfig so localhost works from WSL too. The tray's Copy MCP add command always has the current URL.

Then just ask your agent to use it, or add a standing instruction like:

When you finish a task, need my approval, or hit a problem, call the notify tool (kind: success / urgent / warning).

The chime

Drop your own sound at assets/hey_listen.mp3 (gitignored — bring your own; Nintendo's audio cannot be distributed with this repo). Without the file, Navi synthesizes a two-note fairy chime with WebAudio.

Development notes

  • No bundler: two tsc projects (tsconfig.json for main/preload, tsconfig.renderer.json for browser-global renderer scripts).
  • npm run build compiles both; see CLAUDE.md for the full development log and environment gotchas.

Known limitations

  • The server listens on 0.0.0.0, so any LAN host can trigger notifications. Fine for a home setup; firewall the port if that bothers you.
  • Always-on-top does not cover exclusive-fullscreen games.

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
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
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
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
E2B

E2B

Using MCP to run code via e2b.

Official
Featured