webmcp.sh

demo

Developer Toolshttps://webmcp.sh/listed as of 2026-08-01

A playground for WebMCP with an in-browser PGLite (Postgres) database — an agent can navigate the app, read the current context, and run gateway operations.

Run a live auditWe load the site in a real browser and score the tools it gives an agent.

Tools

navigateactimperative

Navigate to a different route in the application using TanStack Router. === WEBMCP APPLICATION NAVIGATION === ABOUT THIS APP ────────────── WebMCP is a memory and knowledge management system with: • Memory blocks for persistent, always-in-context data • Entities for structured knowledge (facts, preferences, skills, etc.) • Knowledge graph for visualizing relationships • Direct SQL access for advanced queries IMPORTANT: When you navigate to a route, context-specific tools become available. For example, entity CRUD tools appear on /entities, graph tools appear on /graph, etc. AVAILABLE ROUTES ──────────────── / Landing page - WebMCP demo overview and documentation What you can do here: • View overview of WebMCP capabilities • See tool code examples • Quick navigation to demo pages /dashboard Dashboard - Memory overview with stats, charts, and quick access What you can do here: • View memory blocks and entities counts • See token usage charts by category and tier • Browse audit log of database changes • Quick create memory blocks and entities • Get an overview of the entire memory system /entities Entities page - Browse and manage all memory entities What you can do here: • View all entities in a searchable table • Filter by category (fact, preference, skill, person, project, goal) • Create, edit, and delete entities • Search entities by name or description • Sort and group entities /entities/$entityId Entity detail page - View and edit a specific entity What you can do here: • View full entity details and metadata • Edit entity properties • See related entities and relationships • Delete the entity Required params: $entityId /graph Knowledge graph - Visualize entity relationships What you can do here: • View entities as an interactive 2D or 3D graph • Explore connections between entities • Focus on specific nodes and highlight paths • Run visual effects like camera tours and particle bursts • Analyze graph patterns and statistics • Execute SQL queries directly /memory-blocks Memory blocks - Manage always-in-context core memories What you can do here: • View all memory blocks in a table • Create new memory blocks • Edit block content, labels, and priority • Delete memory blocks • Filter by block type (user_profile, agent_persona, current_goals, context) /sql-repl SQL REPL - Execute direct database queries What you can do here: • Run SQL queries against the in-browser database • Explore database schema and tables • View formatted query results • Access full database capabilities /sql-execution-log SQL log - View query execution history What you can do here: • Browse complete SQL execution history • See query performance metrics • Track errors and issues • Filter by source (AI vs manual) /about About page - Technology stack and architecture info What you can do here: • Learn about the technology stack • View architecture documentation /showcase Showcase - UI component demos What you can do here: • Browse UI component library • See interactive component demos NAVIGATION EXAMPLES ─────────────────── { "to": "/entities" } // Go to entities page { "to": "/entities/$entityId", "params": { "entityId": "abc-123" } } // View entity { "to": "/graph" } // Open knowledge graph { "to": "/memory-blocks" } // Manage memory blocks The tool will navigate the user to the specified route and return a confirmation message.

Input schema

{
  "type": "object",
  "properties": {
    "to": {
      "type": "string",
      "minLength": 1,
      "description": "The route path to navigate to (e.g., \"/entities\", \"/graph\")"
    },
    "params": {
      "type": "object",
      "additionalProperties": {},
      "description": "Route parameters (e.g., { \"entityId\": \"uuid-here\" }) for dynamic routes"
    },
    "search": {
      "type": "object",
      "additionalProperties": {},
      "description": "URL search/query parameters (e.g., { \"filter\": \"skills\", \"page\": \"2\" })"
    },
    "hash": {
      "type": "string",
      "description": "URL hash fragment (e.g., \"section-1\")"
    },
    "replace": {
      "type": "boolean",
      "default": false,
      "description": "If true, replaces current history entry instead of pushing new one"
    }
  },
  "required": [
    "to"
  ],
  "additionalProperties": false,
  "$schema": "http://json-schema.org/draft-07/schema#"
}

get_current_contextanswerimperative

Get the current application context including route, pathname, and search params. Useful for understanding where the user is and providing context-aware responses.

Input schema

{
  "type": "object",
  "properties": {}
}

list_all_routesanswerimperative

Get a detailed list of all available routes in the application with their descriptions and parameters.

Input schema

{
  "type": "object",
  "properties": {}
}

app_gatewayactimperative

Application gateway - Get an overview of the app and available routes. Use this tool to understand what areas of the app exist and what you can do in each. When you navigate to a route, context-specific tools will become available automatically.

Input schema

{
  "type": "object",
  "properties": {
    "query": {
      "type": "string",
      "description": "Optional: Search for a specific area (e.g., \"graph\", \"memory\", \"sql\")"
    }
  },
  "additionalProperties": false,
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Listings are sourced from public community registries and shown as reported.