SkillAgentSearch skills...

frontprompt

Annotate any web page, and drive it from an AI agent — a browser-automation MCP server with an in-page overlay HUD. Your annotations survive cross-origin navigation.

Install / Use

claude mcp add SurrealMindAI -- npx -y github:SurrealMindAI/frontprompt

If the server publishes to npm under a different name, use that package instead — check the repo README.

About this skill
🔌

MCP Server

Model Context Protocol server

Quality Score

74/100

Category

Automation

Supported Platforms

Claude Code
Claude Desktop

Our assessment of frontprompt

frontprompt scores 74/100 on our quality scale, 2629th of 2,870 Automation skills we index.

Its MCP Server is 3.2 KB long, well organised into 11 sections with 4 code examples: a solid amount of guidance for an agent.

It has 3 GitHub stars, so there is little community track record yet; judge it on its content.

Substance
26/30
Structure
20/20
Description
15/15
Adoption
3/20
Freshness
11/15

Maintenance, license and trust

  • The repository was last updated about 4 months ago. That is recent enough to be usable, but agent tooling moves fast, so check the instructions against your agent's current version.
  • Our last check on 2026-08-12 found the source still online.
  • It is released under the BSD-3-Clause license, a permissive license that allows use, modification and commercial use with attribution.
  • Its trust signals score 90/100, with 1 caution from licensing, adoption, age or documentation. These come from repository metadata, not a code audit — read the skill file before letting an agent act on it.

frontprompt compared with similar skills

All 4 of these similar skills score higher than frontprompt; compare them before choosing.

SkillScoreStarsUpdatedFormat
frontprompt (this skill)by SurrealMindAI7434mo agoMCP Server
Agent-Reachby Panniantong100106.6k5d agoCLAUDE.md
headroomby headroomlabs-ai10078.3ktodayCLAUDE.md
CowAgentby zhayujie10047.7ktodayCLAUDE.md
Scraplingby D4Vinci10090.4k1d agoMCP Server

Frequently asked questions

How do I install frontprompt?
Run claude mcp add SurrealMindAI -- npx -y github:SurrealMindAI/frontprompt. The install tabs above show the steps for each supported agent.
Which AI agents does frontprompt work with?
It is written for Claude Code and Claude Desktop, as a MCP Server file. Other agents that read the same format can often use it too.
Is frontprompt safe to use?
It is BSD-3-Clause-licensed and scores 90/100 on trust signals. Skills are instructions an agent will follow, so read the file before installing it and do not approve commands you do not understand.
Is frontprompt still maintained?
The repository was last updated about 4 months ago. That is recent enough to be usable, but agent tooling moves fast, so check the instructions against your agent's current version.
<p align="center"> <img src="assets/frontprompt-logo.svg" alt="frontprompt" width="96" height="96"> </p>

frontprompt

Annotate any web page, and drive it from an AI agent.

frontprompt is a Python tool that opens a real (headful) Chromium browser and injects an in-page overlay — a shadow-DOM HUD — onto whatever page you point it at. You click to pick elements, drag to capture regions, and draw typed relations between them. The same process runs an MCP server, so an AI agent can navigate the browser, query the page, create picks, and read your annotations as structured state.

The headline property: your annotations survive cross-origin navigation. State is authoritative in the Python process, not in the page, so navigating from one site to another never loses your picks. See ARCHITECTURE.md for how that works.

Status

Alpha. The interactive inspector is feature-complete and the MCP server exposes a working tool set (pick, navigate, screenshot, page-read, state-read). Some capabilities are intentionally deferred — see ARCHITECTURE.md § Scope.

Install

As a Claude Code plugin (recommended)

claude plugin marketplace add SurrealMindAI/frontprompt
claude plugin install frontprompt@frontprompt

The frontprompt MCP server is wired automatically: it launches via uvx from PyPI and the Chromium browser self-installs on first use — zero manual setup.

After a CLI install, restart Claude Code or run /reload-plugins to activate the server. Each plugin version pins an exact PyPI release, so updating is just:

claude plugin update frontprompt@frontprompt

As a standalone CLI / MCP tool

frontprompt ships as a self-contained wheel — the Svelte overlay is embedded in the package, so the installed tool needs no Bun or Node at runtime, and Chromium auto-installs on first run.

uv tool install frontprompt
frontprompt bootstrap          # optional — eagerly pre-installs the Chromium driver

Usage

# open a page with the inspector overlay
frontprompt show https://example.com

# run as an MCP stdio server for an AI agent
frontprompt mcp

Point your MCP client at frontprompt mcp. Each invocation owns its own private browser session and spawns Chromium lazily on the first tool call, so startup is instant. The server is ephemeral — one process per client session, it dies when the client disconnects.

Dependencies & risk

frontprompt pins scrapling==0.4.8 exactly. scrapling is a BSD-3 page extraction library that is, at the time of writing, effectively single-maintainer (a bus-factor-1 project). To contain that risk it is used behind a thin internal isolation boundary, pinned to one verified version, and never auto-upgraded — so it can be swapped out without touching the rest of the codebase if it ever needs to be.

Documentation

  • ARCHITECTURE.md — system design: cross-origin survival, the expose_function bridge, single-writer state, the MCP daemon, schema histories.
  • DEVELOPMENT.md — dev environment, build pipeline, tests.
  • CONTRIBUTING.md — how to contribute.

License

BSD-3-Clause — see LICENSE.

Related Skills

View on GitHub
GitHub Stars3
CategoryAutomation
Updated4mo ago
Forks0

Languages

Python

Trust signals

90/100

From repository metadata: license, adoption, age and documentation. Not a code audit — see the Safety scan above for what the skill file itself contains.

1 low1 info
frontprompt — MCP Server: Install & Safety Check | SkillAgent