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

# Anthropic

> Learn how to integrate Anthropic into your Magic Patterns design

## Introduction to Anthropic

Want to build a chat app or AI assistant on Magic Patterns? You can use our Anthropic integration to create fully functional AI apps that leverage the latest Claude models from Anthropic.

## Step by Step Tutorial

<Steps>
  <Step title="Create an Anthropic Account">
    Create a new Anthropic account if you don't already have one at [console.anthropic.com](https://console.anthropic.com).
  </Step>

  <Step title="Set up billing">
    **This is a required step:** You need to add a payment method and set up billing on your Anthropic account before you can use the API.

    Without billing configured, your API key will not work and API calls will fail.

    You can [set up billing here](https://console.anthropic.com/settings/billing).
  </Step>

  <Step title="Create a new Anthropic API Key">
    Magic Patterns uses the Anthropic API to communicate with Anthropic's services.
    Your API key is sensitive and should be stored securely—never share it
    directly in prompts to Magic Patterns.

    You can [create a new API key here](https://console.anthropic.com/settings/keys).
  </Step>

  <Step title="(Optional) Set a usage limit">
    We highly recommend setting a usage limit on your Anthropic account. This
    protects you from unexpected charges in case your API key is accidentally
    exposed or compromised.
  </Step>

  <Step title="Enable the Anthropic Integration in Magic Patterns">
    Once you have your API key, enable the integration in Magic Patterns via the integrations section in the chatbar.

    <img src="https://cdn.magicpatterns.com/uploads/bhuL6kJSi7iUbGQUw76eXj/integrations.png" alt="Integrations in the chatbar" />
  </Step>

  <Step title="Prompt Magic Patterns to use Anthropic">
    By default, Magic Patterns will not connect to Anthropic. Once the integration is enabled, you can
    prompt along the lines of "Connect this design to Anthropic" and Magic Patterns will then integrate your design.
  </Step>
</Steps>

<Warning>
  Once a design is connected to Anthropic, anyone you share the design or preview
  link with will be able to use the AI features. This will consume your Anthropic
  API credits.
</Warning>