> ## Documentation Index
> Fetch the complete documentation index at: https://mcpkit.sh/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Generate MCP servers for any website with AI-powered browser automation

<img className="block dark:hidden rounded-xl" src="https://mintcdn.com/agentflow-427edd42/_nBCMK68tYdAp_jz/images/hero-light.svg?fit=max&auto=format&n=_nBCMK68tYdAp_jz&q=85&s=6309826067ea9f1d387e551aabcb091e" alt="mcpkit hero image" width="1200" height="400" data-path="images/hero-light.svg" />

<img className="hidden dark:block rounded-xl" src="https://mintcdn.com/agentflow-427edd42/_nBCMK68tYdAp_jz/images/hero-dark.svg?fit=max&auto=format&n=_nBCMK68tYdAp_jz&q=85&s=3d318691504effabada37a81b7c438c9" alt="mcpkit hero image" width="1200" height="400" data-path="images/hero-dark.svg" />

## What is MCPKit?

**MCPKit** is a CLI tool that generates [Model Context Protocol (MCP)](https://modelcontextprotocol.io) servers for any website using [Stagehand](https://github.com/browserbase/stagehand). With MCPKit, you can give any AI assistant the ability to interact with websites through natural language.

<CardGroup cols={2}>
  <Card title="Generate MCP Servers" icon="wand-magic-sparkles">
    Automatically create MCP servers by analyzing any website's functionality
  </Card>

  <Card title="AI-Powered Discovery" icon="robot">
    Automatically detect and document website actions using AI
  </Card>

  <Card title="Authentication Handling" icon="lock">
    Save and reuse authentication contexts across sessions
  </Card>
</CardGroup>

## Quick Start

Get up and running in minutes:

<Steps>
  <Step title="Install MCPKit">
    ```bash theme={null}
    npm install -g @kevinoconnell/mcpkit
    ```
  </Step>

  <Step title="Set up credentials">
    ```bash theme={null}
    mcpkit secrets
    ```

    You'll need:

    * Browserbase API key and Project ID ([get here!](https://www.browserbase.com))
    * LLM API key (Gemini, OpenAI, etc.)
    * LLM provider model name (ex: google/gemini-2.5-pro)
  </Step>

  <Step title="Create your first MCP server">
    ```bash theme={null}
    mcpkit create https://mcpkit.sh
    ```
  </Step>
</Steps>

<Card title="Full Quickstart Guide" icon="rocket" href="/quickstart">
  Follow our detailed quickstart guide to create your first MCP server
</Card>

## How It Works

MCPKit uses AI to:

1. **Analyze** - Navigate to your target website and discover available actions
2. **Authenticate** - Optionally save authentication contexts for future use
3. **Generate** - Create a complete MCP server with tools based on discovered actions
4. **Deploy** - Use your MCP server with Claude Code, Cursor, or any MCP client

## Use Cases

<AccordionGroup>
  <Accordion title="Project Management" icon="clipboard-check">
    Generate MCP servers for Jira, Asana, ClickUp, or other project management tools to let AI assistants create tasks, update issues, and manage projects.
  </Accordion>

  {" "}

  <Accordion title="Content Platforms" icon="newspaper">
    Create servers for content sites like Hacker News, Reddit, or Medium to enable
    AI-powered content discovery and interaction.
  </Accordion>

  {" "}

  <Accordion title="Internal Tools" icon="building">
    Build MCP servers for your company's internal web applications to automate
    workflows and improve productivity.
  </Accordion>

  <Accordion title="Research & Monitoring" icon="magnifying-glass">
    Generate servers for data sources, dashboards, or monitoring tools to help AI assistants gather and analyze information.
  </Accordion>
</AccordionGroup>

## Key Features

### AI-Powered Action Discovery

MCPKit automatically discovers what actions are possible on a website by:

* Analyzing page structure and interactive elements
* Understanding navigation patterns
* Identifying common workflows
* Generating tool schemas for each action

### Authentication Management

Save authentication contexts to avoid repeated logins:

```bash theme={null}
# List saved contexts
mcpkit contexts list

# Create a new authenticated context
mcpkit contexts create mcpkit.sh

# Delete a context
mcpkit contexts delete mcpkit.sh
```

### Flexible MCP Servers

Generated servers include:

* Complete MCP tool definitions
* Type-safe schemas with Zod validation
* Authentication handling
* Error management
* Logging and debugging support

## What You Can Build

With MCPKit generated MCP servers, you can:

* ✅ Create and update tasks in project management tools
* ✅ Search and extract data from websites
* ✅ Automate form submissions and workflows
* ✅ Monitor dashboards and gather analytics
* ✅ Interact with internal company tools
* ✅ Build custom AI agents with web access

## Technology Stack

MCPKit is built on:

* **[Stagehand](https://www.stagehand.dev)** - AI-powered browser automation
* **[Browserbase](https://www.browserbase.com)** - Serverless browser infrastructure
* **[Model Context Protocol](https://modelcontextprotocol.io)** - Standard for AI-tool communication
* **TypeScript** - Type-safe code generation

## Next Steps

<CardGroup cols={2}>
  <Card title="Quickstart Guide" icon="rocket" href="/quickstart">
    Create your first MCP server in minutes
  </Card>

  {" "}

  <Card title="CLI Commands" icon="terminal" href="/commands/create">
    Learn about all available commands
  </Card>

  {" "}

  <Card title="Examples" icon="book" href="/examples/overview">
    See example MCP servers
  </Card>

  <Card title="Use with Claude Code" icon="code" href="/ai-tools/claude-code">
    Integrate with your AI coding assistant
  </Card>
</CardGroup>