> ## Documentation Index
> Fetch the complete documentation index at: https://anniemei.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

> Annie Mei is a Discord bot written in Rust that fetches anime and manga information from AniList, with theme song lookups powered by MyAnimeList and Spotify.

<div className="flex flex-col items-center text-center py-16 px-4">
  <div className="w-32 h-32 rounded-full overflow-hidden mb-6 shadow-lg">
    <img src="https://mintcdn.com/annie-mei/SNWPi9Hxj-qt0SBE/mei.jpg?fit=max&auto=format&n=SNWPi9Hxj-qt0SBE&q=85&s=d9338a30dd5e6c0c6e92eea414f5cf24" alt="Annie Mei character" className="w-full h-full object-cover" width="1024" height="1024" data-path="mei.jpg" />
  </div>

  <h1 className="text-5xl font-bold mb-4">Annie Mei</h1>

  <p className="text-xl text-[#797593] dark:text-[#908caa] max-w-2xl mb-8">
    A Discord bot written in Rust that brings anime and manga information from AniList directly to your server, with theme song lookups via Spotify.
  </p>

  <div className="flex gap-4 mb-16">
    <a href="https://discord.com/oauth2/authorize?client_id=962106280430932079&permissions=388160&scope=bot" className="px-6 py-3 bg-[#eb6f92] text-white font-semibold rounded-lg hover:bg-[#b4637a] transition-colors">
      Add to Discord
    </a>

    <a href="/quickstart" className="px-6 py-3 border border-[#dfdad9] dark:border-[#26233a] font-semibold rounded-lg hover:bg-[#f2e9e1] dark:hover:bg-[#1f1d2e] transition-colors">
      Read the docs
    </a>
  </div>
</div>

<div className="max-w-5xl mx-auto px-4">
  ## Key features

  <div className="grid grid-cols-1 sm:grid-cols-2 gap-x-12 gap-y-8 mt-6">
    <div className="flex gap-4">
      <div className="flex-shrink-0 w-10 h-10 rounded-lg bg-rose-100 dark:bg-[#26233a] flex items-center justify-center">
        <Icon icon="book-open" className="text-[#eb6f92]" size={20} />
      </div>

      <div>
        <h3 className="font-semibold text-base mb-1">AniList integration</h3>
        <p className="text-sm text-[#9893a5] dark:text-[#6e6a86] m-0">Fetch anime and manga info — titles, descriptions, ratings, episodes, and more.</p>
      </div>
    </div>

    <div className="flex gap-4">
      <div className="flex-shrink-0 w-10 h-10 rounded-lg bg-rose-100 dark:bg-[#26233a] flex items-center justify-center">
        <Icon icon="music" className="text-[#eb6f92]" size={20} />
      </div>

      <div>
        <h3 className="font-semibold text-base mb-1">Theme song lookup</h3>
        <p className="text-sm text-[#9893a5] dark:text-[#6e6a86] m-0">Find opening and ending themes for any anime with direct Spotify links.</p>
      </div>
    </div>

    <div className="flex gap-4">
      <div className="flex-shrink-0 w-10 h-10 rounded-lg bg-rose-100 dark:bg-[#26233a] flex items-center justify-center">
        <Icon icon="link" className="text-[#eb6f92]" size={20} />
      </div>

      <div>
        <h3 className="font-semibold text-base mb-1">AniList account linking</h3>
        <p className="text-sm text-[#9893a5] dark:text-[#6e6a86] m-0">Link your AniList account so your scores and watch status can appear in server lookups.</p>
      </div>
    </div>

    <div className="flex gap-4">
      <div className="flex-shrink-0 w-10 h-10 rounded-lg bg-rose-100 dark:bg-[#26233a] flex items-center justify-center">
        <Icon icon="languages" className="text-[#eb6f92]" size={20} />
      </div>

      <div>
        <h3 className="font-semibold text-base mb-1">Japanese kana support</h3>
        <p className="text-sm text-[#9893a5] dark:text-[#6e6a86] m-0">Search in Japanese kana or kanji for accurate results by original title.</p>
      </div>
    </div>
  </div>

  <div className="mb-8" />

  ## Get started

  <CardGroup cols={2}>
    <Card title="Quickstart" icon="zap" href="/quickstart" horizontal>
      Add Annie Mei to your Discord server and try your first commands.
    </Card>

    <Card title="Self-host" icon="download" href="/installation" horizontal>
      Run your own bot and auth services with Rust, PostgreSQL, and Redis.
    </Card>

    <Card title="Commands" icon="terminal" href="/commands/overview" horizontal>
      Browse all slash commands and search tips.
    </Card>

    <Card title="Development" icon="wrench" href="/development/setup" horizontal>
      Set up a local dev environment and contribute.
    </Card>
  </CardGroup>

  <div className="border-t border-[#f2e9e1] dark:border-[#26233a] mt-16 mb-8" />

  <div className="flex flex-wrap justify-center gap-8">
    <a href="https://www.rust-lang.org/" target="_blank" rel="noopener" title="Rust — a language empowering everyone to build reliable and efficient software" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/rust/CE422B" className="w-10 h-10 dark:brightness-150" alt="Rust" />

      <span className="text-sm font-medium text-center">Rust</span>
    </a>

    <a href="https://github.com/serenity-rs/serenity" target="_blank" rel="noopener" title="Serenity — a Rust library for the Discord API" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/discord/5865F2" className="w-10 h-10" alt="Discord" />

      <span className="text-sm font-medium text-center">Serenity</span>
    </a>

    <a href="https://www.postgresql.org/docs/" target="_blank" rel="noopener" title="PostgreSQL — the world's most advanced open source relational database" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/postgresql/4169E1" className="w-10 h-10 dark:brightness-150" alt="PostgreSQL" />

      <span className="text-sm font-medium text-center">PostgreSQL</span>
    </a>

    <a href="https://redis.io/docs/" target="_blank" rel="noopener" title="Redis — an in-memory data store used as a cache" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/redis/FF4438" className="w-10 h-10" alt="Redis" />

      <span className="text-sm font-medium text-center">Redis</span>
    </a>

    <a href="https://tokio.rs/" target="_blank" rel="noopener" title="Tokio — an asynchronous runtime for Rust" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/tokio/E6522C" className="w-10 h-10" alt="Tokio" />

      <span className="text-sm font-medium text-center">Tokio</span>
    </a>

    <a href="https://docs.sentry.io/" target="_blank" rel="noopener" title="Sentry — application monitoring and error tracking" className="flex flex-col items-center gap-2 w-20 no-underline hover:opacity-80 transition-opacity">
      <img src="https://cdn.simpleicons.org/sentry/362D59" className="w-10 h-10 dark:brightness-200" alt="Sentry" />

      <span className="text-sm font-medium text-center">Sentry</span>
    </a>
  </div>
</div>