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

# NinjaChat Developers

> Every model, two ways in — a REST API for your code, an MCP server for your agent.

<div className="njh">
  <section className="njh-hero">
    <div className="njh-hero-copy">
      <p className="njh-eyebrow">NinjaChat Developers</p>
      <h1 className="njh-h1">Every model.<br />Your code, <em>or your agent.</em></h1>

      <p className="njh-sub">
        Chat, images, video, and search behind one account — a REST API for your
        app, an MCP server for Claude, ChatGPT, and Cursor. Chat bills per token,
        images and video bill flat per unit — the exact cost is in every response.
      </p>

      <div className="njh-cta-row">
        <a className="njh-cta" href="/quickstart">Start with the API</a>
        <a className="njh-cta njh-cta--ghost" href="/mcp/overview">Connect an agent</a>
      </div>

      <p className="njh-quiet">
        or skip setup entirely — <a href="https://www.ninjachat.ai/developers/playground">open the Playground ↗</a>
      </p>
    </div>

    <div className="njh-win">
      <div className="njh-win-bar">
        <span className="njh-dot" />

        <span className="njh-dot" />

        <span className="njh-dot" />

        <span className="njh-win-title"><b>Claude</b> · connected to ninjachat</span>
      </div>

      <div className="njh-win-body">
        <p className="njh-ask">
          <span className="njh-ask-you">you</span>
          <span className="njh-ask-text">Make me some images of a lighthouse in a storm.</span>
        </p>

        <div className="njh-takes">
          <span className="njh-take"><img src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/demo/v1.webp" alt="Lighthouse take 1" /><i className="njh-take-n">1</i></span>
          <span className="njh-take njh-take--win"><img src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/demo/v2.webp" alt="Lighthouse take 2 — the pick" /><i className="njh-take-n">2</i></span>
          <span className="njh-take"><img src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/demo/v3.webp" alt="Lighthouse take 3" /><i className="njh-take-n">3</i></span>
          <span className="njh-take"><img src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/demo/v4.webp" alt="Lighthouse take 4" /><i className="njh-take-n">4</i></span>
        </div>

        <p className="njh-ask">
          <span className="njh-ask-you">you</span>
          <span className="njh-ask-text">I like the second one — make it a video.</span>
        </p>

        <video autoPlay muted loop playsInline src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/demo/storm.mp4" />

        <p className="njh-win-rcpt">4 images · 1 video · \$3.37 — four models raced, one pick, animated</p>
      </div>
    </div>
  </section>

  <section className="njh-band">
    <h2 className="njh-h2">What's behind the key</h2>

    <div className="njh-rows">
      <a className="njh-row" href="/chat">
        <span className="njh-row-name">Chat</span>
        <span className="njh-row-desc">26 models, metered per token from \~\$0.002/typical request — streaming, sessions, tool calls</span>
        <span className="njh-chip">POST /chat</span>
      </a>

      <a className="njh-row" href="/image-generation">
        <span className="njh-row-name">Images</span>
        <span className="njh-row-desc">14 models from \$0.03 — FLUX, Imagen, Recraft, Nano Banana</span>
        <span className="njh-chip">POST /images</span>
      </a>

      <a className="njh-row" href="/video-generation">
        <span className="njh-row-name">Video</span>
        <span className="njh-row-desc">Veo, Kling, Seedance from \$3 — failed jobs refund themselves</span>
        <span className="njh-chip">POST /video</span>
      </a>

      <a className="njh-row" href="/search">
        <span className="njh-row-name">Search</span>
        <span className="njh-row-desc">Web, news, and academic answers with cited sources</span>
        <span className="njh-chip">POST /search</span>
      </a>

      <a className="njh-row" href="/compare">
        <span className="njh-row-name">Compare</span>
        <span className="njh-row-desc">One prompt raced across models, ranked by quality, speed, cost</span>
        <span className="njh-chip">POST /compare</span>
      </a>
    </div>

    <p className="njh-quiet njh-agents-note">
      Agents get the same engine conversationally — <a href="/mcp/tools">15 MCP tools</a>, same balance, same prices.
    </p>
  </section>

  <section className="njh-band">
    <h2 className="njh-h2">Jump back in</h2>

    <div className="njh-pills">
      <a className="njh-pill" href="/quickstart">API Quickstart</a>
      <a className="njh-pill" href="/mcp/quickstart">MCP Quickstart</a>
      <a className="njh-pill" href="/smart-routing">Smart Routing</a>
      <a className="njh-pill" href="/models-overview">Model catalog</a>
      <a className="njh-pill" href="/pricing">Pricing</a>
      <a className="njh-pill" href="https://www.ninjachat.ai/developers">Console ↗</a>
    </div>
  </section>
</div>