import { PlatformCard } from "@/app/_components/platform-card";
import { Tabs } from "nextra/components";
 
<!-- Editorial: Structure - Added missing intro line and improved first paragraph to follow 10/20/70 structure -->
 
# Arcade with Agent Frameworks and MCP Clients
 
Arcade integrates with agent frameworks and MCP clients to add tool-calling capabilities to your AI applications.
 
These guides are for developers building AI applications who need to connect Arcade tools to their agent frameworks or MCP clients. You'll learn how to authenticate with Arcade, load tools, and execute them within your chosen framework. This information is essential when you're building AI agents that need to interact with external services through Arcade's tool ecosystem. Each guide provides code examples and configuration steps to get you started with your specific framework.
 
## Agent Frameworks
 
<Tabs items={["Python", "JavaScript"]} storageKey="preferredLanguage">
  <Tabs.Tab>
    <div className="mt-6 grid gap-3 sm:grid-cols-2 sm:gap-4 md:gap-5 lg:grid-cols-3">
      <PlatformCard
        name="LangChain"
        icon="/images/icons/langchain.svg"
        link="/guides/agent-frameworks/langchain/use-arcade-tools"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="CrewAI"
        icon="https://avatars.githubusercontent.com/u/170677839?s=200&v=4"
        link="/guides/agent-frameworks/crewai/use-arcade-tools"
        type="Agent Framework"
      />
      <PlatformCard
        name="OpenAI Agents"
        icon="https://avatars.githubusercontent.com/u/14957082?s=200&v=4"
        link="/guides/agent-frameworks/openai-agents/overview"
        type="Agent Framework"
      />
      <PlatformCard
        name="Google ADK"
        icon="https://avatars.githubusercontent.com/u/1342004?s=200&v=4"
        link="/guides/agent-frameworks/google-adk/overview"
        type="Agent Framework"
      />
    </div>
  </Tabs.Tab>
  <Tabs.Tab>
    <div className="mt-6 grid gap-3 sm:grid-cols-2 sm:gap-4 md:gap-5 lg:grid-cols-3">
      <PlatformCard
        name="LangChain"
        icon="/images/icons/langchain.svg"
        link="/guides/agent-frameworks/langchain/use-arcade-tools"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="Google ADK"
        icon="https://avatars.githubusercontent.com/u/1342004?s=200&v=4"
        link="/guides/agent-frameworks/google-adk/overview"
        type="Agent Framework"
      />
      <PlatformCard
        name="Mastra"
        icon="/images/icons/mastra.svg"
        link="/guides/agent-frameworks/mastra/overview"
        type="Agent Framework"
        invertInDark
      />
      <PlatformCard
        name="Vercel AI"
        icon="/images/icons/vercel.svg"
        link="/guides/agent-frameworks/vercelai"
        type="Agent Framework"
        invertInDark
      />
    </div>
  </Tabs.Tab>
</Tabs>