AgentKit Browser Automation

Name: AgentKit Browser Automation
Author: tmahesh

@tmahesh

Repository

About AgentKit Browser Automation

agentkit for playwright-mcp server

Basic information

Config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "playwright-agent": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest",
        "--port",
        "8931"
      ]
    }
  }
}

Tools

No tools detected

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

Overview

What is AgentKit Browser Automation?

AgentKit Browser Automation is a browser agent built with Inngest-AgentKit and Firebase-Genkit, featuring an agent system for intelligent web navigation and task execution. It integrates with Playwright MCP to control a browser via an MCP server.

How to use AgentKit Browser Automation?

Install Node.js v20+, clone the repository, install dependencies, and set environment variables for OpenAI and/or Google AI keys. Start the Playwright MCP server on port 8931, then run either npx tsx genkit.ts (for Genkit SDK) or npx tsx agentkit.ts (for Inngest-AgentKit). Optional dev servers provide built‑in observability.

Key features of AgentKit Browser Automation

Built on Inngest-AgentKit and Firebase-Genkit
Supports GPT (OpenAI) and Gemini (Google) models
Uses Playwright MCP for browser control
Optional dev server with OpenTelemetry observability
Dual execution mode: Genkit SDK or Inngest CLI

Use cases of AgentKit Browser Automation

Automate repetitive web browsing tasks
Perform intelligent web navigation and data extraction
Test web applications with scripted agent behavior
Orchestrate multi‑step browser workflows via AI agents

FAQ from AgentKit Browser Automation

What are the prerequisites?

Node.js v20+, npm/yarn, an OpenAI API key (for GPT models), and a Google AI key (for Gemini models).

How do I start the Playwright MCP server?

Run npx @playwright/mcp@latest --port 8931 in a separate terminal window before launching the agent.

What is the difference between the Genkit and AgentKit modes?

The Genkit mode (npx tsx genkit.ts) uses the Genkit SDK, while the AgentKit mode (npx tsx agentkit.ts) uses Inngest-AgentKit. Both achieve browser automation but differ in their agent framework.

Can I run a dev server for observability?

Yes. For Genkit mode, run npx genkit start -- npx tsx --watch genkit.ts. For AgentKit mode, run npx inngest-cli@latest dev --no-discovery -u http://localhost:3000/api/inngest -v. Both provide built‑in OpenTelemetry observability.