Skip to main content

​
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

1

Create an Anthropic Account

Create a new Anthropic account if you don’t already have one at console.anthropic.com.
2

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.
3

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.
4

(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.
5

Enable the Anthropic Integration in Magic Patterns

Once you have your API key, enable the integration in Magic Patterns via the “Integrations” panel.
6

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.
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.