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

# Skills

> Extend your AI coding agents with browser agents, Browserbase Functions, and Browserbase CLI workflows using Browserbase Skills

Agent Skills are modular capabilities that extend AI agents with domain-specific expertise. Skills package instructions, workflows, and best practices that agents can use automatically when relevant to your request.

The Browserbase skills teach AI coding agents like Claude Code how to use Browserbase across four workflow styles:

* interactive browser automation with the `browse` CLI
* lightweight page fetching via the Browserbase Fetch API
* Browserbase Functions deployment workflows
* Browserbase CLI workflows with `bb`

<Info>
  Skills work by providing structured guidance to AI agents, enabling them to perform complex browser automation tasks through natural language commands.
</Info>

## Key features

<CardGroup cols={2}>
  <Card title="Browser Automation" icon="browser">
    Create and run browser automations using the `browse` CLI with interactive sessions, snapshots, and screenshots
  </Card>

  <Card title="Debug & Fix" icon="wrench">
    Identify and correct broken CSS selectors and failing automations by exploring live pages
  </Card>

  <Card title="Authentication Flows" icon="lock">
    Handle login flows for protected sites with guided authentication workflows
  </Card>

  <Card title="Fetch API" icon="download">
    Retrieve page content, headers, and metadata — fast and lightweight complement to browser sessions
  </Card>

  <Card title="Functions" icon="cloud">
    Deploy browser agents as Browserbase Functions that run on a schedule or via webhook
  </Card>

  <Card title="Browserbase CLI" icon="terminal">
    Use the `bb` CLI for functions, sessions, projects, contexts, extensions, fetch, and dashboard workflows
  </Card>
</CardGroup>

## Installation

<Tabs>
  <Tab title="Vercel Skills CLI">
    The [Vercel Skills CLI](https://github.com/vercel-labs/skills) provides a simple way to install skills across multiple AI coding agents including Claude Code, Cursor, and others.

    <Steps>
      <Step title="Install the skill">
        Run one of the following commands depending on the skill you want:

        ```bash theme={null}
        npx skills add browserbase/skills --skill browser
        npx skills add browserbase/skills --skill fetch
        npx skills add browserbase/skills --skill functions
        npx skills add browserbase/skills --skill browserbase-cli
        ```

        The CLI will prompt you to select your agent and confirm installation.
      </Step>

      <Step title="Install the CLI">
        ```bash theme={null}
        npm install -g @browserbasehq/cli
        ```

        If you're using the `browser` skill, also install the browse CLI:

        ```bash theme={null}
        npm install -g @browserbasehq/browse-cli
        ```
      </Step>
    </Steps>
  </Tab>

  <Tab title="Claude Code Plugins">
    Install the Browserbase skill directly from the Claude Code plugin marketplace.

    <Steps>
      <Step title="Add the Browserbase marketplace">
        ```bash theme={null}
        claude plugin marketplace add browserbase/skills
        ```
      </Step>

      <Step title="Install the plugin you want">
        ```bash theme={null}
        claude plugin install browse@browserbase --scope local
        claude plugin install fetch@browserbase --scope local
        claude plugin install functions@browserbase --scope local
        claude plugin install browserbase-cli@browserbase --scope local
        ```
      </Step>

      <Step title="Install the CLI">
        ```bash theme={null}
        npm install -g @browserbasehq/cli
        ```

        If you're using the `browser` skill, also install the browse CLI:

        ```bash theme={null}
        npm install -g @browserbasehq/browse-cli
        ```
      </Step>
    </Steps>
  </Tab>

  <Tab title="OpenClaw / ClawHub">
    If you use [OpenClaw](https://github.com/openclaw/openclaw), you can install the Browserbase browser skill from [ClawHub](https://clawhub.ai/pkiv/browse):

    <Steps>
      <Step title="Install the skill from ClawHub">
        ```bash theme={null}
        clawhub install browse
        ```
      </Step>

      <Step title="Set up Browserbase credentials">
        Configure your API key and project ID for remote browser sessions:

        ```bash theme={null}
        openclaw browserbase setup
        ```

        This stores credentials in `~/.openclaw/openclaw.json` and automatically bridges them to the `browse` CLI.
      </Step>

      <Step title="Install the browse CLI">
        ```bash theme={null}
        npm install -g @browserbasehq/browse-cli
        ```
      </Step>
    </Steps>
  </Tab>
</Tabs>

## Try it out

Once installed, you can use the skill with your AI coding agent. Try these example commands:

### Explore a website

Ask your agent to explore a website and understand its structure:

```
Use the browse skill to explore https://news.ycombinator.com and identify the selectors for story titles and scores
```

### Run Browserbase CLI workflows

Ask your agent to use the Browserbase CLI directly:

```
Use the browserbase-cli skill to list my Browserbase projects with bb and show the result as JSON
```

## Further reading

<CardGroup cols={2}>
  <Card title="Browserbase CLI Skill" icon="terminal" href="/integrations/skills/browserbase-cli">
    Install and use the `browserbase-cli` skill with Claude Code and the Vercel Skills CLI
  </Card>

  <Card title="Skills Repository" icon="github" href="https://github.com/browserbase/skills">
    View source, report issues, and contribute
  </Card>
</CardGroup>