diff --git a/developer-guides/mcp-setup-guides/claude-ai.mdx b/developer-guides/mcp-setup-guides/claude-ai.mdx new file mode 100644 index 00000000..e7c4a339 --- /dev/null +++ b/developer-guides/mcp-setup-guides/claude-ai.mdx @@ -0,0 +1,55 @@ +--- +title: "MCP Web Search & Scrape in Claude.ai" +description: "Add web scraping and search to Claude.ai (Co-work) in 2 minutes" +--- + +Add web scraping and search capabilities to Claude.ai with Firecrawl MCP using custom connectors. + + +Looking for Claude Code setup? See the [Claude Code guide](/developer-guides/mcp-setup-guides/claude-code) instead. + + +## Quick Setup + +### 1. Get Your API Key + +Sign up at [firecrawl.dev/app/api-keys](https://www.firecrawl.dev/app/api-keys) and copy your API key. + +### 2. Add Custom Connector + +Go to [Settings > Connectors](https://claude.ai/settings/connectors) in Claude.ai and click **Add custom connector**. + +Fill in the connector details: + +- **URL:** `https://mcp.firecrawl.dev/YOUR_API_KEY/v2/mcp` +- **OAuth Client ID:** Leave blank +- **OAuth Client Secret:** Leave blank + +Replace `YOUR_API_KEY` in the URL with your actual [Firecrawl API key](https://www.firecrawl.dev/app/api-keys). Your API key is embedded directly in the URL, so no additional authentication fields are needed. + +Click **Add** to save the connector. + +### 3. Enable in Conversation + +In any Claude.ai conversation, click the **+** button at the bottom left, go to **Connectors**, and enable the Firecrawl connector. + +## Quick Demo + +With the Firecrawl connector enabled, try these prompts: + +**Search the web:** +``` +Search for the latest Next.js 15 features +``` + +**Scrape a page:** +``` +Scrape firecrawl.dev and tell me what it does +``` + +**Get documentation:** +``` +Find and scrape the Stripe API docs for payment intents +``` + +Claude will automatically use Firecrawl's search and scrape tools to get the information. diff --git a/docs.json b/docs.json index 4ed807e5..6415c0ba 100755 --- a/docs.json +++ b/docs.json @@ -129,6 +129,7 @@ "icon": "plug", "pages": [ "developer-guides/mcp-setup-guides/chatgpt", + "developer-guides/mcp-setup-guides/claude-ai", "developer-guides/mcp-setup-guides/claude-code", "developer-guides/mcp-setup-guides/cursor", "developer-guides/mcp-setup-guides/windsurf",