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

# Anthropic

> Connect Anthropic to Rocket and add Claude-powered AI to your app: chatbots, document analysis, content moderation, and more.

export const LlmsDirective = () => <blockquote className="llms-directive">
    For the complete documentation index, see <a href="/llms.txt">llms.txt</a>.
    For a lightweight markdown version of this page, append .md to the URL.
  </blockquote>;

<LlmsDirective />

Connect your Anthropic API key and describe the AI feature you need in chat. Rocket wires up Claude for chatbots, document analyzers, coding assistants, and more.

<Divider />

## What you can do

<CardGroup cols={2}>
  <Card title="AI chatbot" icon="message-bot">
    Add a Claude-powered assistant that answers user questions, explains features, or supports your product.
  </Card>

  <Card title="Document analyzer" icon="file-lines">
    Let users upload contracts, reports, or articles and get structured summaries with key insights.
  </Card>

  <Card title="Content moderation" icon="shield-check">
    Review user-generated content for policy violations with nuanced understanding of context and intent.
  </Card>

  <Card title="Coding assistant" icon="code">
    Build an in-app code reviewer that explains logic, suggests improvements, and catches bugs.
  </Card>

  <Card title="Writing coach" icon="pen-fancy">
    Help users improve their writing with feedback on tone, structure, clarity, and style.
  </Card>
</CardGroup>

<Divider />

## Before you connect

<Card icon="arrow-up-right-from-square" horizontal href="https://console.anthropic.com/settings/keys" arrow="true">
  **Get your Anthropic API key** from the Anthropic Console.
</Card>

<Warning>
  Never paste your API key directly into chat. Always use the secure connector popup. If your key is exposed, rotate it immediately from the Anthropic Console.
</Warning>

<Note>
  Anthropic is a **task-level** connector. Each Rocket task connects to its own API key independently.
</Note>

<Divider />

## Connect Anthropic

<Tabs>
  <Tab title="Web Browser">
    You can connect from two places. Both open the same popup.

    **Option 1: From chat**

    Type a prompt that mentions Anthropic or Claude, for example `Connect Anthropic and add a Claude chatbot to my app`. Rocket detects the intent and shows a **Connect** button inline. Click it and the popup opens.

    <Frame caption="Anthropic connection prompt in chat">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-chat-light.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=69cc0251def5929db70bfc8da037a48f" alt="Anthropic connection prompt in the Rocket chat panel." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-chat-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-chat-dark.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=76d66bdc2c7d1651dc8ce72ca059fb04" alt="Anthropic connection prompt in the Rocket chat panel." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-chat-dark.webp" />
    </Frame>

    **Option 2: From the Connectors tab**

    Click the **`...`** button in the preview toolbar, then select **Connectors**.

    <Frame caption="Open Connectors from the toolbar">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-light.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=7bd785a0e878564054e08328b2aa3d6b" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image light-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/2lqYWidv_xVHKfL6/images/build-docs/connectors/shared/connectors-tab-open-dark.webp?fit=max&auto=format&n=2lqYWidv_xVHKfL6&q=85&s=d047040372d776cb47e4e483de8eeb8d" alt="Toolbar dropdown with Connectors option highlighted." className="theme-image dark-image" width="2880" height="1624" data-path="images/build-docs/connectors/shared/connectors-tab-open-dark.webp" />
    </Frame>

    Click the **Anthropic** card, then click **Connect**.

    <Frame caption="Anthropic card in the Connectors panel">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-connectors-tab-light.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=7408d626c51982c0320571381cd488af" alt="Connectors panel showing the Anthropic card with a Connect button." className="theme-image light-image" width="1813" height="524" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-connectors-tab-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-connectors-tab-dark.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=61ce29785ab65551b43ea5aa98c6a3de" alt="Connectors panel showing the Anthropic card with a Connect button." className="theme-image dark-image" width="1813" height="526" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-connectors-tab-dark.webp" />
    </Frame>

    **After clicking Connect**

    A popup opens. Paste your **API key** and click **Connect**.

    <Frame caption="Connect Anthropic popup">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-popup-light.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=992702a7a6066dd0d02dd6b41f3130b3" alt="Connect Anthropic popup with an API key input field." className="theme-image light-image" width="840" height="500" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-popup-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-popup-dark.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=8ef2a6e3fc832fe78a1f6ee5ee9e98e5" alt="Connect Anthropic popup with an API key input field." className="theme-image dark-image" width="840" height="500" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-popup-dark.webp" />
    </Frame>

    A green dot appears next to Anthropic when the connection is active.

    **Update or disconnect**

    Go to [**Connectors > Anthropic**](#connect-anthropic). Click **Edit** to update the key or **Disconnect** to remove the integration.

    <Frame caption="Edit and Disconnect options on a connected Anthropic card">
      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-disconnect-light.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=e0080e752d6df77a6410e91caa3e19a8" alt="Anthropic card showing Edit and Disconnect buttons." className="theme-image light-image" width="1810" height="518" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-disconnect-light.webp" />

      <img src="https://mintcdn.com/dhiwisepvtltd-5e04e6a4/vpU7U-5j_1cvxMQa/images/build-docs/connectors/anthropic/web-browser/anthropic-disconnect-dark.webp?fit=max&auto=format&n=vpU7U-5j_1cvxMQa&q=85&s=842dd51d049042508764f785f7075fe0" alt="Anthropic card showing Edit and Disconnect buttons." className="theme-image dark-image" width="1818" height="521" data-path="images/build-docs/connectors/anthropic/web-browser/anthropic-disconnect-dark.webp" />
    </Frame>
  </Tab>

  <Tab title="Mobile App">
    You can connect from two places. Both open the same popup.

    **Option 1: From chat**

    Type a prompt that mentions Anthropic or Claude. Rocket detects the intent, shows a **Connect** button, and the popup opens when you tap it.

    **Option 2: From the Connectors tab**

    1. Tap the **More** button in the header.
    2. Tap **Integrations**.
    3. Tap the **Anthropic** card, then tap **Connect**.

    **After tapping Connect**

    A popup opens. Paste your **API key** and tap **Done**.

    A green dot appears next to Anthropic when the connection is active.

    **Update or disconnect**

    Go back to the **Anthropic** card in Integrations. Tap **Edit** to update the key or **Disconnect** to remove it from this task.
  </Tab>
</Tabs>

<Divider />

## Example prompts

| What you want      | Prompt to use                                                                                          |
| :----------------- | :----------------------------------------------------------------------------------------------------- |
| Chatbot            | `Add a Claude-powered chatbot that answers user questions about my product.`                           |
| Document summary   | `Let users upload a PDF and get a structured summary with key takeaways from Claude.`                  |
| Content moderation | `Build a moderation queue that uses Claude to flag and explain policy violations in user comments.`    |
| Code review        | `Add a code review panel where developers paste code and Claude suggests improvements.`                |
| Writing assistant  | `Create a writing helper that gives feedback on tone, clarity, and structure.`                         |
| Email drafter      | `Add an AI email composer that generates professional responses based on bullet points.`               |
| Translation        | `Build a translation tool that uses Claude to translate content between English, Spanish, and French.` |
| Q\&A from data     | `Create a Q&A interface where Claude answers questions based on data stored in Supabase.`              |
| Meeting notes      | `Build a tool where users paste meeting transcripts and Claude extracts action items and decisions.`   |
| Lesson planner     | `Generate a structured lesson plan from a topic and grade level using Claude.`                         |

<Divider />

## Tips

* **Claude excels at nuanced, careful tasks.** For content requiring sensitivity, reasoning, or safety, Claude often outperforms other models. Compare results with OpenAI to find the best fit.
* **Token usage affects your bill.** Long documents and multi-turn conversations consume more tokens. Monitor usage in the Anthropic Console.
* **API billing is separate from Rocket.** Anthropic charges based on token usage. Check their [pricing page](https://www.anthropic.com/pricing) for current rates.
* **Claude works with the context you provide.** By default, Claude does not fetch live data or search the web within Rocket. For real-time search, pair it with the Perplexity integration.
* **One API key per task.** Each Rocket task connects to one Anthropic API key independently.

<Divider />

## What's next?

<CardGroup cols={2}>
  <Card title="OpenAI" icon="microchip-ai" href="./openai">
    Compare Claude with GPT models to find the best AI fit for your app.
  </Card>

  <Card title="Perplexity" icon="sparkles" href="./perplexity">
    Add real-time web search with citations alongside Claude's reasoning.
  </Card>

  <Card title="Supabase" icon="database" href="./supabase/overview">
    Store conversation history and user data for Claude-powered features.
  </Card>

  <Card title="Resend" icon="envelope" href="./resend">
    Send AI-generated content, summaries, or reports via email.
  </Card>
</CardGroup>
