# Connect Claude with Anthropic

> Create a Claude API key, save it under Anthropic in Studio and test writing or reasoning features in your mobile app.

Canonical: https://www.rnblocks.dev/docs/connectors/anthropic
Updated: 2026-10-01

Use Claude for features such as writing, explanations and conversational assistance. In Studio’s Connectors panel, this service is named **Anthropic**.

## Before you start

- An app in Studio.
- A Claude API account and permission to create a key for the intended workspace.
- API access and available quota for your chosen model.

## Create a Claude API key

Section: https://www.rnblocks.dev/docs/connectors/anthropic#key

1. **Open Claude Console** — Follow [Get your Claude API key](https://platform.claude.com/docs/en/get-api-key) to **Settings → API keys** in Claude Console.

2. **Choose the intended workspace** — Create a key for the workspace this app should use, give it a recognizable name and review its expiration. Use a workspace-scoped key for this connection; a key spanning multiple workspaces can require an additional workspace selector.

3. **Keep the newly created value** — Copy the key when it is shown. If your role cannot create one, ask your organization administrator for the appropriate access. Do not use an organization Admin API key for this feature.


## Connect Anthropic to this app

Section: https://www.rnblocks.dev/docs/connectors/anthropic#connect

1. **Open the app in Studio** — Select **App options (+) → Connectors → Anthropic**. A **Connect Anthropic** request in the conversation opens the same setup. Connections belong to the app you have open.

2. **Save the credential privately** — Paste your credential into **API Key** and select **Save**. Keep it out of the conversation and app source. RNBlocks stores the credential for this app; the saved value is masked in this form.

3. **Return to your conversation** — Close the connection panel and continue the feature you requested. **Connected** means a credential is saved; the feature still needs a successful request and a test in your app.

### Figure: Connect Anthropic, step by step

App options (+) opens Connectors. Choose Anthropic, enter its API Key privately and select Save. The saved view masks the value and shows Connected.

1. **App options** — The actual App options menu above the + button. It contains separate Supabase, Connectors and App memory actions.

2. **Choose a service** — The Connectors catalogue contains OpenAI, Anthropic, Groq, ElevenLabs and Replicate cards with their own logos.

3. **Add your key** — Anthropic connector detail with its original logo, use cases, documentation link, private API Key field and Save button. The field is empty.

4. **Saved connection** — Illustrative saved Anthropic connection. Connected appears beside its name, the saved value is masked, and Update and Disconnect controls are available. No credential is shown.

1. Open App options (+) → Connectors in the app you want to connect.
2. Choose Anthropic in the catalogue, then enter your API Key in its private form and select Save.
3. Return to the conversation and test the feature. Connected means a credential is saved, not that a provider request has succeeded.

The actual connection screens. Empty form and illustrative saved state; no credential is shown.


## Test a writing feature

Section: https://www.rnblocks.dev/docs/connectors/anthropic#test

Try: “Use Claude to write a short bedtime story from a character and a theme. Show a reading screen and let me request a different ending.”

- Generate a short story in the iOS or Android preview and check that the response appears in the intended screen.
- Ask for a different ending. Confirm the feature uses the conversation context you expect.
- If you add attachments later, test each required format and reopening behavior. A connected Claude key does not by itself create durable file storage or support every document workflow.


## If Claude does not respond

Section: https://www.rnblocks.dev/docs/connectors/anthropic#recovery

Check the key’s expiration, workspace scope, model access and API quota. If it works in Claude Console but not in the app, give Studio the visible error and the action that triggered it. Do not paste the key into the conversation.


## Costs and the information your app sends

Section: https://www.rnblocks.dev/docs/connectors/anthropic#costs-and-data

Your connected provider handles its own API usage and billing. Those charges are separate from RNBlocks credits used while building your app. Review the provider’s quota and billing before testing with a large audience.

An AI feature sends the information needed for that request to its provider. Decide what your app should send, explain that clearly to your users, and test any permission and decline choices before release. Connecting a service does not automatically add a saved history, private file library or every feature in that provider’s API.

- [Understand credits and usage](https://www.rnblocks.dev/docs/credits-and-usage)

## Update or disconnect

Section: https://www.rnblocks.dev/docs/connectors/anthropic#manage

Open **App options (+) → Connectors → Anthropic**. To replace the saved credential, enter the new value and select **Update**, then test the feature again.

**Disconnect** removes this app’s saved Anthropic credential. Features that use it will need a working connection again. It does not close your provider account, cancel provider billing, revoke the original key at the provider, or erase data already sent there. Reopen Connectors to check the saved connection state.


## Continue

- [Connector overview](https://www.rnblocks.dev/docs/connectors)
- [Add illustrations with Replicate](https://www.rnblocks.dev/docs/connectors/replicate)
- [Add narration with ElevenLabs](https://www.rnblocks.dev/docs/connectors/elevenlabs)

## Official references

- [Create and manage Claude API keys](https://platform.claude.com/docs/en/get-api-key)
- [Claude API overview](https://platform.claude.com/docs/en/api/overview)
