Anthropic - Firecrawl Docs

Intégrez Firecrawl à Claude pour créer des applications d’IA alimentées par des données web.

Configuration#

npm install firecrawl @anthropic-ai/sdk zod zod-to-json-schema

Créez un fichier .env :

FIRECRAWL_API_KEY=your_firecrawl_keyANTHROPIC_API_KEY=your_anthropic_key

Remarque : Si vous utilisez Node < 20, installez dotenv et ajoutez import 'dotenv/config' à votre code.

Scraper + Résumé#

Cet exemple illustre un flux de travail simple : scraper un site web et en résumer le contenu à l'aide de Claude.

import { Firecrawl } from 'firecrawl';import Anthropic from '@anthropic-ai/sdk';const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });const anthropic = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });const scrapeResult = await firecrawl.scrape('https://firecrawl.dev', {    formats: ['markdown']});console.log('Scraped content length:', scrapeResult.markdown?.length);const message = await anthropic.messages.create({    model: 'claude-haiku-4-5',    max_tokens: 1024,    messages: [        { role: 'user', content: `Summarize in 100 words: ${scrapeResult.markdown}` }    ]});console.log('Response:', message);

Utilisation des outils#

Cet exemple montre comment utiliser la fonctionnalité d'outils de Claude pour laisser le modèle décider quand scraper des sites web en fonction des requêtes des utilisateurs.

import { Firecrawl } from 'firecrawl';import { Anthropic } from '@anthropic-ai/sdk';import { z } from 'zod';import { zodToJsonSchema } from 'zod-to-json-schema';const firecrawl = new Firecrawl({    apiKey: process.env.FIRECRAWL_API_KEY});const anthropic = new Anthropic({    apiKey: process.env.ANTHROPIC_API_KEY});const ScrapeArgsSchema = z.object({    url: z.string()});console.log("Sending user message to Claude and requesting tool use if necessary...");const response = await anthropic.messages.create({    model: 'claude-haiku-4-5',    max_tokens: 1024,    tools: [{        name: 'scrape_website',        description: 'Scrape and extract markdown content from a website URL',        input_schema: zodToJsonSchema(ScrapeArgsSchema, 'ScrapeArgsSchema') as any    }],    messages: [{        role: 'user',        content: 'What is Firecrawl? Check firecrawl.dev'    }]});const toolUse = response.content.find(block => block.type === 'tool_use');if (toolUse && toolUse.type === 'tool_use') {    const input = toolUse.input as { url: string };    console.log(`Calling tool: ${toolUse.name} | URL: ${input.url}`);    const result = await firecrawl.scrape(input.url, {        formats: ['markdown']    });    console.log(`Scraped content preview: ${result.markdown?.substring(0, 300)}...`);    // Continuer la conversation ou traiter le contenu scrapé selon les besoins}

Extraction structurée#

Cet exemple montre comment utiliser Claude pour extraire des données structurées à partir de contenu de sites web récupéré par scraping.

import { Firecrawl } from 'firecrawl';import Anthropic from '@anthropic-ai/sdk';import { z } from 'zod';const firecrawl = new Firecrawl({ apiKey: process.env.FIRECRAWL_API_KEY });const anthropic = new Anthropic({ apiKey: process.env.ANTHROPIC_API_KEY });const CompanyInfoSchema = z.object({    name: z.string(),    industry: z.string().optional(),    description: z.string().optional()});const scrapeResult = await firecrawl.scrape('https://stripe.com', {    formats: ['markdown'],    onlyMainContent: true});const prompt = `Extract company information from this website content.Output ONLY valid JSON in this exact format (no markdown, no explanation):{  "name": "Company Name",  "industry": "Industry",  "description": "One sentence description"}Website content:${scrapeResult.markdown}`;const message = await anthropic.messages.create({    model: 'claude-haiku-4-5',    max_tokens: 1024,    messages: [        { role: 'user', content: prompt },        { role: 'assistant', content: '{' }    ]});const textBlock = message.content.find(block => block.type === 'text');if (textBlock && textBlock.type === 'text') {    const jsonText = '{' + textBlock.text;    const companyInfo = CompanyInfoSchema.parse(JSON.parse(jsonText));      console.log(companyInfo);}

Pour plus d'exemples, consultez la documentation de Claude.