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

# Build with Scrunch

> Use Scrunch APIs, the MCP, or Data Studio integrations to query AI visibility data, automate configuration, and power custom reports.

<div style={{ display: 'grid', gridTemplateColumns: 'repeat(2, 1fr)', columnGap: '32px', rowGap: '4px', marginTop: '8px', alignItems: 'start' }}>
  <div style={{ margin: 0 }}>
    <a className="welcome-card" href="/getting-started/quickstart-query">
      <img className="welcome-card-img welcome-card-img-light" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_quickstart_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=7bd97bb719b0687e125484f62fefe21d" width="1254" height="1134" data-path="images/api_docs_quickstart_v2.png" />

      <img className="welcome-card-img welcome-card-img-dark" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_quickstart_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=7bd97bb719b0687e125484f62fefe21d" width="1254" height="1134" data-path="images/api_docs_quickstart_v2.png" />
    </a>

    <p style={{ fontWeight: 600, fontSize: '15px', margin: '4px 0 4px' }}>Quickstart</p>
    <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>Make your first API request and get brand presence data in minutes.</p>
  </div>

  <div style={{ margin: 0 }}>
    <a className="welcome-card" href="/mcp/overview">
      <img className="welcome-card-img welcome-card-img-light" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_mcp_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=5b0a5ec83137d19cf49dda8a95fa5ea3" width="1254" height="1134" data-path="images/api_docs_mcp_v2.png" />

      <img className="welcome-card-img welcome-card-img-dark" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_mcp_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=5b0a5ec83137d19cf49dda8a95fa5ea3" width="1254" height="1134" data-path="images/api_docs_mcp_v2.png" />
    </a>

    <p style={{ fontWeight: 600, fontSize: '15px', margin: '4px 0 4px' }}>Scrunchie MCP</p>
    <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>Connect your Scrunch data to Claude, ChatGPT, and other AI assistants — no code required.</p>
  </div>

  <div style={{ margin: 0 }}>
    <a className="welcome-card" href="/api-reference/introduction">
      <img className="welcome-card-img welcome-card-img-light" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_api-ref_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=e73c5bf47dc95e0cf30ad8e4c8c85e58" width="1254" height="1134" data-path="images/api_docs_api-ref_v2.png" />

      <img className="welcome-card-img welcome-card-img-dark" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_api-ref_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=e73c5bf47dc95e0cf30ad8e4c8c85e58" width="1254" height="1134" data-path="images/api_docs_api-ref_v2.png" />
    </a>

    <p style={{ fontWeight: 600, fontSize: '15px', margin: '4px 0 4px' }}>API Reference</p>
    <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>Explore all available endpoints for Query, Responses, Agent Traffic, and Configuration.</p>
  </div>

  <div style={{ margin: 0 }}>
    <a className="welcome-card" href="/integrations/data-studio-connector">
      <img className="welcome-card-img welcome-card-img-light" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_data-studio_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=88b221df87652bb3ada3a87bfed4e0fc" width="1254" height="1134" data-path="images/api_docs_data-studio_v2.png" />

      <img className="welcome-card-img welcome-card-img-dark" src="https://mintcdn.com/scrunchai/7QAb9haAyfxFwFlB/images/api_docs_data-studio_v2.png?fit=max&auto=format&n=7QAb9haAyfxFwFlB&q=85&s=88b221df87652bb3ada3a87bfed4e0fc" width="1254" height="1134" data-path="images/api_docs_data-studio_v2.png" />
    </a>

    <p style={{ fontWeight: 600, fontSize: '15px', margin: '4px 0 4px' }}>Data Studio</p>
    <p style={{ fontSize: '13px', color: '#6b7280', margin: 0 }}>Visualize Scrunch data in pre-built Looker Studio dashboard templates.</p>
  </div>
</div>