> ## Documentation Index
> Fetch the complete documentation index at: https://firecrawl-claude-eager-dijkstra-l0wyo3.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 集成

> 将 Firecrawl 网页搜索、抓取和交互功能添加到您已在使用的编码代理、应用构建工具、框架和自动化平台中

Firecrawl 可集成到您正在使用的开发工具中。请在下方选择您的平台，或直接调用 [API](/zh/api-reference/v2-introduction)。

<div id="coding-agents-and-assistants">
  ## 编程代理与助手
</div>

通过 MCP 或 [Firecrawl CLI](/zh/sdks/cli)，为你的代理提供实时网页搜索、抓取和浏览器交互能力。

<CardGroup cols={2}>
  <Card
    title="Claude Code"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/claude-code.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=ab104a95a779666c876b297019664708"
alt="Claude Code"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/claude-code"
  >
    在 Claude Code 中配置 Firecrawl MCP
  </Card>

  <Card
    title="Codex"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/agent-clients/codex.svg?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=0fa7ea5309f222c54411febd00eae592"
alt="Codex"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/codex-cli"
  >
    在 OpenAI Codex 中使用 Firecrawl MCP
  </Card>

  <Card
    title="Cursor"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/cursor.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=3d1b79c2497580962da7881cdd02af5b"
alt="Cursor"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/cursor"
  >
    在 Cursor 中一键安装 Firecrawl MCP
  </Card>

  <Card
    title="Hermes Agent"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/hermes.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=0d56a02837877dc6876db1317647b658"
alt="Hermes Agent"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/hermes"
  >
    Hermes Agent 的默认网页搜索和提取后端
  </Card>

  <Card
    title="OpenClaw"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/openclaw.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=d8b25630c5b324b48f4013532b5b3271"
alt="OpenClaw"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/openclaw"
  >
    通过 OpenClaw 代理进行抓取、搜索和浏览
  </Card>

  <Card
    title="OpenCode"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/opencode.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=f086f5e15ca63143e9c8087b3712f3f5"
alt="OpenCode"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/opencode"
  >
    将 Firecrawl MCP 接入 OpenCode
  </Card>

  <Card
    title="Amp"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/amp.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=06c4ae0d385d85a5e453b953a774c098"
alt="Amp"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/amp"
  >
    将 Firecrawl MCP 接入 Sourcegraph Amp
  </Card>

  <Card
    title="Windsurf"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/windsurf.svg?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=33748ce0b00c4be595eb2cbf329f1fc9"
alt="Windsurf"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/windsurf"
  >
    在 Windsurf 中配置 Firecrawl MCP
  </Card>

  <Card
    title="Antigravity"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/antigravity.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=18b619d893664227ede20b9fbfc23a72"
alt="Google Antigravity"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/antigravity"
  >
    将 Firecrawl MCP 添加到 Google 的代理式 IDE
  </Card>
</CardGroup>

<div id="app-builders-and-platforms">
  ## 应用构建平台
</div>

只需连接一次 Firecrawl，即可在部署应用的平台上利用实时网页数据进行构建。

<CardGroup cols={2}>
  <Card
    title="Replit"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/replit.png?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=9b7f6f04ad98a3441f15f2add5e92c98"
alt="Replit"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/replit"
  >
    在 Replit Agent 应用中搜索、抓取和交互
  </Card>

  <Card
    title="Lovable"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/lovable.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=841db9985d9a4b180ca988c7825623c1"
alt="Lovable"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/lovable"
  >
    将您的 Lovable 应用连接到 Firecrawl
  </Card>

  <Card
    title="Stripe Projects"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/stripe-projects.svg?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=19e708137060d6707f9747e0f990bff7"
alt="Stripe Projects"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/stripe-projects"
  >
    通过 Stripe Projects CLI 开通 Firecrawl 账户、API 密钥和方案
  </Card>

  <Card
    title="Vercel Marketplace"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/vercel.png?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=e186536ee827c33129df195af6e357e9"
alt="Vercel"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/quickstarts/vercel-marketplace"
  >
    将 Firecrawl 添加到 Vercel 项目，自动配置 API 密钥
  </Card>
</CardGroup>

<div id="agent-frameworks">
  ## 代理框架
</div>

在代理代码中将 Firecrawl 用作加载器、读取器或工具。

<CardGroup cols={2}>
  <Card
    title="LangChain"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/langchain.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=a2d547c26099a6f6ac4367aea9639458"
alt="LangChain"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/langchain"
  >
    了解 Firecrawl Document Loader
  </Card>

  <Card
    title="LlamaIndex"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/llamaindex.jpeg?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=d715d2cd1ff60e4f76d2b67cd34afd7b"
alt="LlamaIndex"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/llamaindex"
  >
    了解 Firecrawl Reader
  </Card>

  <Card
    title="CrewAI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/crewai.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=e7221e541d291c585612104849e9d6d5"
alt="CrewAI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/crewai"
  >
    编排协作式自主 AI 代理
  </Card>

  <Card
    title="CAMEL-AI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/camel-ai.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=97fb57bf84f703dfcd9ef4e0137c031e"
alt="CAMEL-AI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/camelai"
  >
    将 Firecrawl 与 Camel AI 连接起来
  </Card>

  <Card
    title="Praison AI"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/praison.jpg?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=5ecf163cb05292190aaa8dbecc4cf77a"
alt="Praison AI"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/praison"
  >
    使用 Firecrawl 工具从网页抓取数据
  </Card>
</CardGroup>

<div id="visual-ai-builders">
  ## 可视化 AI 构建器
</div>

将 Firecrawl 节点拖到可视化画布中，构建代理和 RAG 流水线。

<CardGroup cols={2}>
  <Card
    title="Dify"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/dify.jpeg?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=a95ba7babfd8b504e3dec71303473d11"
alt="Dify"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/dify"
  >
    在 Chatflow、工作流和代理应用中添加 Firecrawl
  </Card>

  <Card
    title="Langflow"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/langflow_2.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=bd56c3b292b210c5ae96bad549f8ba18"
alt="Langflow"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/langflow"
  >
    使用可视化构建器创建 AI 应用
  </Card>

  <Card
    title="Flowise"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/flowise.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=a2c42e99f7565d6b5c34af74e73d3f19"
alt="Flowise"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/flowise"
  >
    通过拖放构建 LLM 流程
  </Card>
</CardGroup>

<div id="workflow-automation">
  ## 工作流自动化
</div>

按计划或触发条件运行 Firecrawl，并将结果发送到任意位置。

<CardGroup cols={2}>
  <Card
    title="Zapier"
    icon={
<img
src="https://mintlify.s3.us-west-1.amazonaws.com/firecrawl-claude-eager-dijkstra-l0wyo3/images/integrations/zapier-logomark.png"
alt="Zapier"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/zapier"
  >
    将 Firecrawl 与 9,000 多款应用连接
  </Card>

  <Card
    title="Make"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/make.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=c67e9f455df03e1b5b4588462911d4cf"
alt="Make"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/make"
  >
    在 Make 中使用 Firecrawl
  </Card>

  <Card
    title="n8n"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/n8n.webp?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=b2fe4ce12a98375c465152f58424b07b"
alt="n8n"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/n8n"
  >
    在 n8n 中使用 Firecrawl
  </Card>

  <Card
    title="Pipedream"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/pipedream.png?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=2bc82c55c70b8bb11d90394eabceb747"
alt="Pipedream"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/pipedream"
  >
    在 Pipedream 工作流中使用 Firecrawl
  </Card>
</CardGroup>

<div id="tooling-and-data-platforms">
  ## 工具和数据平台
</div>

通过工具层集成 Firecrawl，或将网页数据同步到知识库。

<CardGroup cols={2}>
  <Card
    title="Composio"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/sDsIultsdZ9p3Cgw/images/integrations/composio.png?fit=max&auto=format&n=sDsIultsdZ9p3Cgw&q=85&s=cb489c235ef49881b96008e07ccfe8ba"
alt="Composio"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/composio"
  >
    将 Firecrawl 与 Composio 搭配使用
  </Card>

  <Card
    title="SourceSync.ai"
    icon={
<img
src="https://mintcdn.com/firecrawl-claude-eager-dijkstra-l0wyo3/J7fuJlBlt18YA-cr/images/integrations/sourcesyncai.png?fit=max&auto=format&n=J7fuJlBlt18YA-cr&q=85&s=bea521ac0013697bcc5d42b1284625d4"
alt="SourceSync.ai"
width="24"
height="24"
style={{ objectFit: "contain" }}
/>
}
    href="/zh/integrations/sourcesyncai"
  >
    使用网页数据构建 RAG 应用
  </Card>
</CardGroup>

<Note>
  没有找到您使用的平台？只要能发起 HTTP 请求的地方，都可以使用 Firecrawl。请参见 [API 参考](/zh/api-reference/v2-introduction)、[SDKs](/zh/sdks/overview) 或 [MCP 服务器](/zh/mcp-server)。
</Note>