> ## 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.

# MCP Quickstart

> Connect an agent and make your first image in under a minute.

<Tabs>
  <Tab title="claude.ai — no key needed">
    <Steps>
      <Step title="Add the connector">
        **Settings → Connectors → Add custom connector**. Name it `NinjaChat`, paste:

        ```text theme={null}
        https://www.ninjachat.ai/api/mcp
        ```
      </Step>

      <Step title="Sign in once">
        Claude opens NinjaChat's sign-in. Approve — done forever.
      </Step>

      <Step title="Ask">
        ```text theme={null}
        Use NinjaChat to create four campaign directions for a
        futuristic sneaker, then animate the strongest one.
        ```
      </Step>
    </Steps>
  </Tab>

  <Tab title="Claude Code — one command">
    <Steps>
      <Step title="Get a key">
        Grab an `nj_sk_` key from [Developers → Connections](https://www.ninjachat.ai/developers/connections?tab=apps).
      </Step>

      <Step title="Add the server">
        ```bash theme={null}
        claude mcp add --transport http ninjachat https://www.ninjachat.ai/api/mcp \
          --header "Authorization: Bearer nj_sk_YOUR_KEY"
        ```
      </Step>

      <Step title="Ask">
        ```text theme={null}
        Generate a 16:9 hero image for this landing page
        and save it to /public.
        ```

        Every image returns a URL, a ready-to-commit filename, and its MIME type — the agent downloads and places the file itself.
      </Step>
    </Steps>
  </Tab>
</Tabs>

<Frame caption="What your agent can build once it's connected — every visual on this site was generated through these tools.">
  <img src="https://cdn.photogenius.ai/new-ai-images/mcp-landing/v1/worlds/takt-site-desktop.webp" alt="A product site built by an agent using NinjaChat-generated visuals" />
</Frame>

## Then keep talking

Continuity is automatic — no URLs, no IDs, no re-prompting:

| You say                  | What happens                      |
| ------------------------ | --------------------------------- |
| "Make it red"            | Edits the last result             |
| "Animate the second one" | Turns pick #2 into video          |
| "More like #3"           | New generations in that direction |

<CardGroup cols={3}>
  <Card title="All 8 clients" icon="plug" href="/mcp/clients">
    Cursor, ChatGPT, Codex, VS Code…
  </Card>

  <Card title="Tools" icon="screwdriver-wrench" href="/mcp/tools">
    Every tool and parameter
  </Card>

  <Card title="Recipes" icon="book-open" href="/mcp/recipes">
    Real multi-step workflows
  </Card>
</CardGroup>