<div class="integration-page-header">
  <div class="integration-page-icon" style="background-color: #1a1a1a; display: flex; align-items: center; justify-content: center;">
    <svg viewBox="0 0 40 40" style="width: 60%; height: 60%;"><path fill="#FF6161" d="M10,25.8V30L0,20l2.1-2.1L10,25.8z M14.2,30H10l10,10l2.1-2.1L14.2,30z M37.9,22.1L40,20L20,0l-2.1,2.1l7.9,7.9H21l-5.5-5.5l-2.1,2.1l3.4,3.4h-2.4v15.5H30v-2.4l3.4,3.4l2.1-2.1L30,19v-4.8L37.9,22.1z M11,9L9,11.1l2.2,2.2l2.1-2.1L11,9z M28.8,26.7l-2.1,2.1l2.2,2.2L31,29L28.8,26.7z M6.6,13.4l-2.1,2.1l5.5,5.5v-4.2L6.6,13.4z M23.1,30H19l5.5,5.5l2.1-2.1L23.1,30z"/></svg>
  </div>
  <div class="integration-page-info">
    <h2 class="integration-page-title">Raycast</h2>
    <div class="integration-page-subtitle">Quick actions from your menu bar</div>
  </div>
</div>

Raycast lets you quickly access Buffer from your menu bar on macOS.

Create posts, view your queue, and manage your social media with keyboard shortcuts and quick actions.

## Setup

<div class="setup-steps" style="--step-color: #FF6363;">
  <div class="setup-step">
    <div class="setup-step-number">1</div>
    <div class="setup-step-content">
      <h3>Get Your API Key</h3>
      <p>You need an API key to integrate Buffer with Raycast.</p>
      <div class="setup-callout">
        <div class="setup-callout-header">
          <span>API Key</span>
          <a href="https://publish.buffer.com/settings/api" class="setup-callout-action" target="_blank" rel="noopener noreferrer">Get API Key &rarr;</a>
        </div>
        <div class="setup-callout-body">
          <div class="setup-key-input-group">
            <input type="text" class="setup-key-input" placeholder="Paste your API key here" autocomplete="off" spellcheck="false" />
            <button class="setup-key-clear-btn" title="Clear API key">
              <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
            </button>
          </div>
          <p class="setup-key-hint">Your key is shared with the API Explorer and will prefill the configuration steps below.</p>
        </div>
      </div>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">2</div>
    <div class="setup-step-content">
      <h3>Open Install Server</h3>
      <p>In Raycast, search for "Install Server" and press Enter.</p>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">3</div>
    <div class="setup-step-content">
      <h3>Configure the Server</h3>
      <p>Fill in the form with the following details:</p>
      <ul class="setup-settings-list">
        <li><span>Name:</span> Buffer</li>
        <li><span>Transport:</span> HTTP</li>
        <li>
          <span>URL:</span>
          <code>https://mcp.buffer.com/mcp</code>
          <button class="inline-copy-btn" data-copy="https://mcp.buffer.com/mcp" title="Copy URL">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </button>
        </li>
      </ul>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">4</div>
    <div class="setup-step-content">
      <h3>Add Authorization Header</h3>
      <p>In HTTP Headers, click on "Add Item" and enter:</p>
      <ul class="setup-settings-list">
        <li>
          <span>Key:</span>
          <code>Authorization</code>
          <button class="inline-copy-btn" data-copy="Authorization" title="Copy key">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </button>
        </li>
        <li>
          <span>Value:</span>
          <code>Bearer YOUR_API_KEY</code>
          <button class="inline-copy-btn" data-copy="Bearer YOUR_API_KEY" title="Copy value">
            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
          </button>
        </li>
      </ul>
    </div>
  </div>
  <div class="setup-step">
    <div class="setup-step-number">5</div>
    <div class="setup-step-content">
      <h3>Install the Server</h3>
      <p>Click on "Install" (or press Cmd+Enter) to complete the setup.</p>
    </div>
  </div>
</div>

## Try It Out

Copy any of these example prompts to get started with Raycast:

<div class="prompt-cards">
  <div class="prompt-card">
    <span>Add a post saying 'Just shipped a new feature! Stay tuned for details.' to my Buffer queue</span>
    <button class="inline-copy-btn" data-copy="Add a post saying 'Just shipped a new feature! Stay tuned for details.' to my Buffer queue" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
  <div class="prompt-card">
    <span>Show me my upcoming scheduled Buffer posts for this week</span>
    <button class="inline-copy-btn" data-copy="Show me my upcoming scheduled Buffer posts for this week" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
  <div class="prompt-card">
    <span>Create a draft post in Buffer for each of my connected channels with the text 'Happy Monday! What are you working on this week?'</span>
    <button class="inline-copy-btn" data-copy="Create a draft post in Buffer for each of my connected channels with the text 'Happy Monday! What are you working on this week?'" title="Copy prompt">
      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>
    </button>
  </div>
</div>
