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

# Set up your OpenAI API Key

> Welcome to the home of your new documentation

## 1. Create an OpenAI account

<Steps>
  <Step title="Create an OpenAI platform account">
    If you don’t already have one, sign up at [OpenAI](https://auth.openai.com/create-account).
  </Step>

  <Step title="Get your OpenAI API key">
    Visit [https://platform.openai.com/api-keys](https://platform.openai.com/api-keys), generate an API key, and copy it.
    1\.

    <img src="https://mintcdn.com/midnightdigitalinc/P83LUPvO-vPnfb5x/images/openai-api-key.png?fit=max&auto=format&n=P83LUPvO-vPnfb5x&q=85&s=8c65e6d3e7768a9b2ae54946befbb149" alt="OpenAI API Key" height="300" className="rounded-lg" data-path="images/openai-api-key.png" />

    2.

    <img src="https://mintcdn.com/midnightdigitalinc/P83LUPvO-vPnfb5x/images/ghostbar-api-key.png?fit=max&auto=format&n=P83LUPvO-vPnfb5x&q=85&s=d76352c4c402a8e704cf11d0323fc852" alt="Ghostbar API Key" height="300" className="rounded-lg" data-path="images/ghostbar-api-key.png" />
  </Step>

  <Step title="Open GhostBar from the context menu">
    Paste your API key into the GhostBar Chrome extension. (For your privacy, the key is only stored
    locally in your Chrome profile—GhostBar never has access to it.)

    <div class="flex flex-row space-x-4">
      1.

      <img src="https://mintcdn.com/midnightdigitalinc/P83LUPvO-vPnfb5x/images/extension-context-menu.png?fit=max&auto=format&n=P83LUPvO-vPnfb5x&q=85&s=bb292911f5d91e6da2a1af70ac909f16" alt="Extension context menu " height="300" className="rounded-lg" data-path="images/extension-context-menu.png" />

      2.

      <img src="https://mintcdn.com/midnightdigitalinc/P83LUPvO-vPnfb5x/images/extension-settings-icon.png?fit=max&auto=format&n=P83LUPvO-vPnfb5x&q=85&s=c92a88b3e89ac2ee055999392fac5c8d" alt="Extension settings" height="300" className="rounded-lg" data-path="images/extension-settings-icon.png" />

      3.

      <img src="https://mintcdn.com/midnightdigitalinc/P83LUPvO-vPnfb5x/images/extension-api-key.png?fit=max&auto=format&n=P83LUPvO-vPnfb5x&q=85&s=40eb51da3a298cb76c93cee551bc6d09" alt="Extension settings" height="300" className="rounded-lg" data-path="images/extension-api-key.png" />
    </div>
  </Step>

  <Step title="You're done! 🎉">
    Proceed to the next page to learn how to activate GhostBar on a page
  </Step>
</Steps>