# Anthropic (Claude) + Webflow — Pipedream Connect

> Connect a user's Anthropic (Claude) and Webflow accounts and expose tools for both apps directly in your product or your agent.

- Apps: Anthropic (Claude) (`anthropic`) + Webflow (`webflow`)
- This page (HTML): https://pipedream.com/apps/anthropic/integrations/webflow
- One `external_user_id` owns both connected accounts, and each account stays independently revocable.

## One session, both toolsets (recommended)

- Endpoint: `https://remote.mcp.pipedream.net/v3`
- Headers: `Authorization: Bearer <token>` · `x-pd-project-id` · `x-pd-environment` · `x-pd-external-user-id` · `x-pd-app-slug: anthropic,webflow`
- `x-pd-app-slug` takes a comma-separated list, so `anthropic,webflow` is one session on one transport. Both toolsets arrive from a single `listTools()`, and a tool is called exactly as it would be in a single-app session.

```ts
import { Client } from "@modelcontextprotocol/sdk/client/index.js"
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp.js"
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const accessToken = await pd.rawAccessToken

const transport = new StreamableHTTPClientTransport(
  new URL("https://remote.mcp.pipedream.net/v3"),
  {
    requestInit: {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        "x-pd-project-id": process.env.PIPEDREAM_PROJECT_ID!,
        "x-pd-environment": "production",
        "x-pd-external-user-id": "{external_user_id}", // any stable ID for this user in your system
        "x-pd-app-slug": "anthropic,webflow",
      },
    },
  },
)

const mcp = new Client({ name: "my-agent", version: "1.0.0" })
await mcp.connect(transport)

const { tools } = await mcp.listTools()

// One list, both toolsets: Anthropic (Claude) and Webflow tools arrive
// together, each keyed by its own app's slug.

// e.g. run Chat:
const result = await mcp.callTool({
  name: "anthropic-chat",
  arguments: {
    model: "Model",
    userMessage: "User Message",
  },
})
```

Docs: [MCP guide](https://pipedream.com/docs/connect/mcp/developers.md)

## Both apps from your backend

```ts
import { PipedreamClient } from "@pipedream/sdk"

const pd = new PipedreamClient({
  projectId: process.env.PIPEDREAM_PROJECT_ID!,
  clientId: process.env.PIPEDREAM_CLIENT_ID!,
  clientSecret: process.env.PIPEDREAM_CLIENT_SECRET!,
  projectEnvironment: "production",
})

const externalUserId = "{external_user_id}" // any stable ID for this user in your system

const [anthropicTools, webflowTools] =
  await Promise.all([
    pd.components.list({ app: "anthropic" }),
    pd.components.list({ app: "webflow" }),
  ])

// One external user owns both connected accounts, so either app's tools
// run on their behalf with the same externalUserId.
```

Docs: [Managed auth guide](https://pipedream.com/docs/connect/managed-auth/quickstart.md) · [Tools guide](https://pipedream.com/docs/connect/components.md)

## Anthropic (Claude)

- API slug: `anthropic` (use in MCP headers and tool keys)
- Auth: API key (Pipedream-managed)
- Categories: Artificial Intelligence (AI)
- Website: https://www.anthropic.com/
- App page (HTML): https://pipedream.com/apps/anthropic
- Tools: 2 actions · 0 triggers

Full tool list, API proxy, and SDK quickstart: https://pipedream.com/apps/anthropic.md

### Actions (2)

- [Chat](https://pipedream.com/apps/anthropic/actions/chat.md) — `anthropic-chat`
- [List Model Options](https://pipedream.com/apps/anthropic/actions/list-model-options.md) — `anthropic-list-model-options`

## Webflow

- API slug: `webflow` (use in MCP headers and tool keys)
- Auth: OAuth (Pipedream-managed)
- Categories: Web & App Development
- Website: https://webflow.com/
- Managed OAuth scopes: `authorized_user:read` · `sites:read` · `sites:write` · `forms:read` · `forms:write` · `ecommerce:read` · `ecommerce:write` · `assets:read` · `assets:write` · `cms:read` · `cms:write` · `pages:read` · `pages:write`
- App page (HTML): https://pipedream.com/apps/webflow
- Tools: 18 actions · 8 triggers

Full tool list, API proxy, and SDK quickstart: https://pipedream.com/apps/webflow.md

### Actions (top 8 of 18)

- [Create Collection Item](https://pipedream.com/apps/webflow/actions/create-collection-item.md) — `webflow-create-collection-item`
- [Delete Collection Item](https://pipedream.com/apps/webflow/actions/delete-collection-item.md) — `webflow-delete-collection-item`
- [Fulfill Order](https://pipedream.com/apps/webflow/actions/fulfill-order.md) — `webflow-fulfill-order`
- [Get Collection](https://pipedream.com/apps/webflow/actions/get-collection.md) — `webflow-get-collection`
- [Get Collection Item](https://pipedream.com/apps/webflow/actions/get-collection-item.md) — `webflow-get-collection-item`
- [Get Item Inventory](https://pipedream.com/apps/webflow/actions/get-item-inventory.md) — `webflow-get-item-inventory`
- [Get Order](https://pipedream.com/apps/webflow/actions/get-order.md) — `webflow-get-order`
- [Get Site](https://pipedream.com/apps/webflow/actions/get-site.md) — `webflow-get-site`

### Triggers (top 4 of 8)

- [New Form Submission](https://pipedream.com/apps/webflow/triggers/new-form-submission.md) — `webflow-new-form-submission`
- [New Collection Item Created](https://pipedream.com/apps/webflow/triggers/new-collection-item.md) — `webflow-new-collection-item`
- [Collection Item Deleted](https://pipedream.com/apps/webflow/triggers/new-deleted-collection-item.md) — `webflow-new-deleted-collection-item`
- [Collection Item Updated](https://pipedream.com/apps/webflow/triggers/changed-collection-item.md) — `webflow-changed-collection-item`

---

- Anthropic (Claude): https://pipedream.com/apps/anthropic.md · Webflow: https://pipedream.com/apps/webflow.md
- All apps: https://pipedream.com/apps — index: https://pipedream.com/llms.txt
- Pipedream docs for agents: https://pipedream.com/docs/llms.txt