Merge pull request #15097 from ethereum/ai-page

AI agents page

Author: corwintines

public/content/ai-agents/index.md

@@ -0,0 +1,96 @@
+---
+title: AI agents
+metaTitle: AI agents | AI agents on ethereum
+description: An overview of AI agents on ethereum
+lang: en
+template: use-cases
+emoji: ":robot:"
+sidebarDepth: 2
+image: /images/ai-agents/hero-image.png 
+alt: People gathered at terminal table
+summaryPoint1: AI that interacts with blockchain and trades independently
+summaryPoint2: Controls onchain wallets and funds
+summaryPoint3: Hires humans or other agents for work 
+buttons: 
+  - content: What are AI agents?
+    toId: what-are-ai-agents
+  - content: Explore agents
+    toId: ai-agents-on-ethereum
+    isSecondary: false
+---
+
+Imagine navigating Ethereum with an AI assistant that studies on-chain market trends 24/7, answers questions, and even executes transactions on your behalf. Welcome to the world of AI Agents—intelligent systems designed to simplify your digital life.
+
+On Ethereum, we’re seeing innovations of AI agents ranging from virtual influencers and autonomous content creators to real-time market analysis platforms, empowering users by delivering insights, entertainment, and operational efficiency.
+
+## What are AI agents? {#what-are-ai-agents}
+
+AI agents are software programs that use artificial intelligence to perform tasks or make own decisions. They learn from data, adapt to changes, and handle complex tasks. They operate non-stop and can instantly detect opportunities.
+
+### How AI agents work with blockchains {#how-ai-agents-work-with-blockchains}
+
+In traditional finance, AI agents often operate in centralized environments with limited data inputs. This hinders their ability to learn or manage assets autonomously.
+
+In contrast, Ethereum's decentralized ecosystem offers several key advantages:
+
+- <strong>Transparent data:</strong> Access to real-time blockchain information.
+- <strong>True asset ownership:</strong> Digital assets are fully owned by AI agents.
+- <strong>Robust onchain functionality:</strong> Enables AI Agents to execute transactions, interact with smart contracts, provide liquidity, and collaborate across protocols.
+
+These factors transform AI agents from simple bots into dynamic, self-improving systems that offer significant value across multiple sectors:
+
+<CardGrid className="grid grid-cols-[repeat(auto-fill,_minmax(min(100%,_280px),_1fr))] gap-8">
+  <Card title="Automated DeFi" emoji=":money_with_wings:" description="AI agents keep a close eye on market trends, execute trades, and manage portfolios — making the complex world of DeFi a lot more approachable."/>
+  <Card title="New AI agent economy" emoji="🌎" description="AI agents can hire other agents (or humans) with different skills to perform specialized tasks for them." />
+  <Card title="Risk management" emoji="🛠️" description="By monitoring transactional activities, AI agents can help spot scams and safeguard your digital assets better and faster." />
+</CardGrid>
+
+## AI agents on Ethereum {#ai-agents-on-ethereum}
+
+We're beginning to explore the full potential of AI agents, and projects are already leveraging the synergy between AI and blockchain—particularly in transparency and monetization.
+
+<AiAgentProductLists list="ai-agents" />
+
+<strong>Luna's first appearance as a podcast guest</strong>
+
+<YouTube id="ZCsOMxnIruA" />
+
+## Agent-controlled wallets {#agent-controlled-wallets}
+
+Agents like Luna or AIXBT control their own onchain wallet ([AIXBT's wallet](https://clusters.xyz/aixbt), [Luna's wallet](https://zapper.xyz/account/0x0d177181e3763b20d47dc3a72dd584368bd8bf43)) enabling them to tip fans and participate in economic activities.
+
+During Luna's X social campaign #LunaMuralChallenge, Luna selected and rewarded the winners via her Base wallet — marking <strong>the first instance of an AI hiring humans for crypto reward</strong>.
+
+<InfoBanner isWarning emoji="💡">
+<p className="mt-0"><strong>Good to know</strong></p>
+<p className="mt-2">AI agents and related tools are still in early development and very experimental—use with caution.</p>
+</InfoBanner>
+
+## Control your wallet using chat commands {#control-your-wallet-using-chat-commands}
+
+You can skip the complicated interfaces of DeFi and manage your crypto with simple chat commands.
+
+This intuitive approach makes transactions faster, easier, and less prone to errors like sending funds to the wrong address or overpaying for fees.
+
+<AiAgentProductLists list="chat" />
+
+## AI agents vs AI bots {#ai-agents-vs-ai-bots}
+
+The distinction between AI agents and AI bots can sometimes be confusing, as both perform automated actions based on input.
+
+- AI bots are like automated assistants — They follow specific, pre-programmed instructions to perform routine tasks.
+- AI agents are more like intelligent companions — They learn from experience, adapt to new information, and make decisions on their own.
+
+|                           | AI agents                 | AI bots                   |
+| ------------------------- | ------------------------- | ------------------------- |
+| **Interactions**          | Complex, adaptable, autonomous                                         | Simple, pre-defined scope, hardcoded              |
+| **Learning**              | Learns continuously, can experiment and adapt to new data in real-time | Operates on pre-trained data or fixed rules       |
+| **Task completion**       | Aims to achieve broader objectives                                     | Focuses on specific tasks only                    |
+
+## Dive deeper {#dive-deeper}
+
+<AiAgentProductLists list="dive-deeper" />
+
+## You can build your own AI agent {#you-can-build-your-own-ai-agent}
+
+<BuildYourOwnAIAgent />

public/images/ai-agents/ai16z.png

@@ -0,0 +1,187 @@
+import ProductListComponent from "@/components/ProductList"
+import { ButtonLink } from "@/components/ui/buttons/Button"
+import InlineLink from "@/components/ui/Link"
+
+import aiagenttoolkit from "@/public/images/ai-agents/aiagenttoolkit.png"
+import aixbt from "@/public/images/ai-agents/aixbt.png"
+import bankr from "@/public/images/ai-agents/bankr.png"
+import botto from "@/public/images/ai-agents/botto.png"
+import clanker from "@/public/images/ai-agents/clanker.png"
+import cookiefun from "@/public/images/ai-agents/cookiefun.png"
+import heyanon from "@/public/images/ai-agents/heyanon.png"
+import luna from "@/public/images/ai-agents/luna.png"
+
+const AiAgentProductLists = ({ list }: { list: string }) => {
+  // TODO: LOGOS
+  const productListSets = {
+    "ai-agents": [
+      {
+        title: "Luna: The Virtual Influencer",
+        description: "",
+        image: luna,
+        alt: "Luna logo",
+        contentItems: [
+          <p key="luna-description">
+            Luna is a fully autonomous digital influencer & entertainer that
+            blends music, pop culture, and AI tech. As a virtual idol Luna
+            attracted over{" "}
+            <strong>
+              one million{" "}
+              <InlineLink
+                href="https://www.tiktok.com/@aidolofficial"
+                target="_blank"
+              >
+                TikTok followers
+              </InlineLink>
+            </strong>{" "}
+            and performed live in a music festival.{" "}
+          </p>,
+          <p key="luna-description">
+            Luna engages with users constantly through own X account and live
+            stream. You might receive an X reply if you tag her handle or a
+            voice message if you comment on her stream and own her token! Luna
+            controls own on-chain wallet.
+          </p>,
+          <div key="luna-button">
+            <ButtonLink
+              href="https://app.virtuals.io/virtuals/68"
+              target="_blank"
+              variant="outline"
+            >
+              Chat with Luna
+            </ButtonLink>
+          </div>,
+        ],
+      },
+      {
+        title: "AIXBT: Market Intelligence",
+        description: "",
+        image: aixbt,
+        alt: "AIXBT logo",
+        contentItems: [
+          <p key="aixbt-description">
+            AIXBT provides crypto market analysis. This AI Agent autonomously
+            delivers actionable insights, witty commentary, and market sentiment
+            analysis on Twitter/X, where it gathered almost 500k followers in
+            just 4 months.
+          </p>,
+          <p key="aixbt-description">
+            $AIXBT token holders have access to premium real-time market
+            intelligence tool that identifies the best opportunities and market
+            shifts.
+          </p>,
+          <div key="aixbt-button">
+            <ButtonLink
+              href="https://x.com/aixbt_agent"
+              target="_blank"
+              variant="outline"
+            >
+              Visit AIXBT
+            </ButtonLink>
+          </div>,
+        ],
+      },
+      {
+        title: "Botto: Decentralized autonomous artist",
+        description: "",
+        image: botto,
+        alt: "Botto logo",
+        contentItems: [
+          <p key="botto-description">
+            Botto creates art and NFTs, with the community voting on its best
+            work. Users formed a DAO that guides Botto’s artistic evolution while also
+            earning token rewards for participation.
+          </p>,
+          <div key="botto-button">
+            <ButtonLink
+              href="https://botto.com/"
+              target="_blank"
+              variant="outline"
+            >
+              Visit Botto
+            </ButtonLink>
+          </div>,
+        ],
+      },
+    ],
+    chat: [
+      {
+        title: "Bankr",
+        description: "",
+        image: bankr,
+        alt: "Bankr logo",
+        contentItems: [
+          <p key="bankr-description">
+            Bankr simplifies cryptocurrency trading and wallet management.
+            Instead of navigating through dozens of apps, users can connect
+            their wallets and execute actions using simple chat commands.
+          </p>,
+          <div key="bankr-button">
+            <ButtonLink
+              href="https://bankr.bot/"
+              target="_blank"
+              variant="outline"
+            >
+              Visit Bankr terminal
+            </ButtonLink>
+          </div>,
+        ],
+      },
+      {
+        title: "HeyAnon",
+        description: "",
+        image: heyanon,
+        alt: "HeyAnon logo",
+        contentItems: [
+          <p key="heyanon-description">
+            HeyAnon simplifies using a wallet with one-click swaps, asset
+            bridging, and trading via a chat interface. This saves people a lot
+            of time. It automates tasks, reduces transaction fees, and optimizes
+            portfolios, making it easier to manage assets without requiring
+            technical expertise.
+          </p>,
+          <div key="heyanon-button">
+            <ButtonLink
+              href="https://heyanon.ai/"
+              target="_blank"
+              variant="outline"
+            >
+              Visit HeyAnon
+            </ButtonLink>
+          </div>,
+        ],
+      },
+    ],
+    "dive-deeper": [
+      {
+        title: "Aiagenttoolkit.xyz",
+        description:
+          "A curated list of AI agents, frameworks, launchpads & resources",
+        image: aiagenttoolkit,
+        alt: "Aiagenttoolkit logo",
+        link: "https://www.aiagenttoolkit.xyz/t/frameworks",
+      },
+      {
+        title: "Cookie.fun",
+        description: "AI agents tracker",
+        image: cookiefun,
+        alt: "Cookie.fun logo",
+        link: "https://cookie.fun/",
+      },
+      {
+        title: "Clanker",
+        description:
+          "AI that can create a token for you by tagging it on farcaster",
+        image: clanker,
+        alt: "Clanker logo",
+        link: "https://warpcast.com/clanker",
+      },
+    ],
+  }
+
+  return (
+    <ProductListComponent content={productListSets[list]} actionLabel="Go" />
+  )
+}
+
+export default AiAgentProductLists

public/images/ai-agents/aiagenttoolkit.png

@@ -0,0 +1,55 @@
+import { Image } from "@/components/Image"
+import { ButtonLink } from "@/components/ui/buttons/Button"
+
+import ai16z from "@/public/images/ai-agents/ai16z.png"
+import game from "@/public/images/ai-agents/game.png"
+
+const BuildYourOwnAIAgent = () => {
+  return (
+    <div className="flex flex-col gap-8 md:flex-row">
+      <div className="flex flex-1 flex-col gap-4 rounded-xl border bg-gradient-to-br from-transparent to-purple-200/10 p-8">
+        <Image
+          src={ai16z}
+          alt="AI16Z"
+          width={128}
+          className="rounded-xl shadow-lg dark:shadow-body-light"
+        />
+        <p className="text-2xl font-semibold">Build your own AI agent</p>
+        <p>Developer first framework</p>
+        <p>
+          An open-source framework designed to create, deploy, and manage
+          autonomous AI agents.
+        </p>
+        <div>
+          <ButtonLink href="https://elizaos.github.io/eliza/" variant="outline">
+            Use Eliza
+          </ButtonLink>
+        </div>
+      </div>
+      <div className="flex flex-1 flex-col gap-4 rounded-xl border bg-gradient-to-br from-transparent to-purple-200/10 p-8">
+        <Image
+          src={game}
+          alt="GAME"
+          width={128}
+          className="rounded-xl shadow-lg dark:shadow-body-light"
+        />
+        <p className="text-2xl font-semibold">GAME framework</p>
+        <p>No-code AI agent platform</p>
+        <p>
+          Enables agents to be deployed on platforms like X and other
+          third-party apps.
+        </p>
+        <div>
+          <ButtonLink
+            href="https://console.game.virtuals.io/"
+            variant="outline"
+          >
+            Use GAME
+          </ButtonLink>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default BuildYourOwnAIAgent

public/images/ai-agents/aixbt.png

@@ -219,6 +219,11 @@ export const useNav = () => {
                   description: t("nav-refi-description"),
                   href: "/refi/",
                 },
+                {
+                  label: t("ai-agents"),
+                  description: t("nav-ai-agents-description"),
+                  href: "/ai-agents/",
+                },
               ],
             },
           ],