> ## 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 Browse 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
* unified Browse CLI workflows for cloud APIs, templates, and skill installs

<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 and 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. A 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="Browse CLI" icon="terminal">
    Use the unified `browse` CLI for browser automation, cloud resources, functions, templates, and skill installs
  </Card>
</CardGroup>

## Installation

<Tabs>
  <Tab title="Browse CLI">
    The published `browse` package includes its own skill, so you can install both from the CLI:

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

      <Step title="Install the bundled skill">
        ```bash theme={null}
        browse skills install
        ```

        Run `browse skills show` to print the bundled skill's current workflows and command guidance.
      </Step>
    </Steps>
  </Tab>

  <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
        ```

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

      <Step title="Install the CLI when required">
        The `browser` and `functions` skills use the `browse` CLI. The standalone `fetch` skill calls the Fetch API directly and does not require the CLI.

        ```bash theme={null}
        npm install -g browse
        ```
      </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 functions@browserbase --scope local
        ```

        For standalone Fetch guidance, use the Vercel Skills CLI tab. The published CLI also exposes Fetch directly through `browse cloud fetch <url>`.
      </Step>

      <Step title="Install the CLI">
        ```bash theme={null}
        npm install -g browse
        ```
      </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 for remote browser sessions. Browserbase infers the Project ID from your API key.

        ```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 browse
        ```
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Note>
  Remote browser sessions and cloud API commands require `BROWSERBASE_API_KEY`. Local browser workflows do not.
</Note>

## 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 Browse CLI workflows

Ask your agent to use the Browse CLI directly:

```
Use the browse CLI skill to open https://news.ycombinator.com, take a snapshot, and identify the selector for each story title
```

## Further reading

<CardGroup cols={2}>
  <Card title="Browse CLI skill" icon="terminal" href="/integrations/skills/browse-cli">
    Install and use the `browse` CLI with Claude Code, Vercel Skills CLI, and Browse.sh
  </Card>

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