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

# Superflow Docs

> Comment on live websites, PDFs, images, video and Lottie files, and put AI agents to work reviewing them for you.

<Frame caption="Leave a comment anywhere on a live site by highlighting text, hovering an element, or drawing a box">
  <img src="https://mintcdn.com/superflow/XWbQ_WnDAi9pqsmS/images/demo.gif?s=013fcafea837a87dcad1c0d516e1ebee" alt="The Superflow toolbar being used to comment on a live website" width="640" height="360" data-path="images/demo.gif" />
</Frame>

## Start with agents

Agents are reusable checks you describe in plain English. Superflow runs them against your projects and reports what it finds: spelling, broken links, accessibility, SEO, or anything else you can describe.

<Note>
  Agents are currently in **Beta**. Each run consumes credits from your workspace balance, and the cost is always shown before you confirm.
</Note>

<CardGroup cols={2}>
  <Card title="What agents are" icon="robot" href="/docs/agents/overview">
    A two-minute tour, in video, of everything agents can do.
  </Card>

  <Card title="Create your first agent" icon="wand-magic-sparkles" href="/docs/agents/how-to-create-a-new-agent">
    Describe a check in plain English and watch Superflow stress-test it for you.
  </Card>

  <Card title="Turn a checklist into agents" icon="list-check" href="/docs/agents/how-to-create-agents-from-a-checklist">
    Upload the QA checklist you already use and let Superflow build the agents.
  </Card>

  <Card title="Review a site before it launches" icon="rocket" href="/docs/agents/how-to-run-agent-pre-checks-on-a-new-project">
    Agents start reviewing your site while you are still installing the toolbar.
  </Card>
</CardGroup>

## Run Superflow from your AI assistant

The Superflow MCP server connects your workspace to Claude, ChatGPT, Cursor and Gemini. Once it is connected you can ask your assistant to run agents on a page, read back the findings, create projects and summarize open comments.

<Card title="Set up Superflow MCP" icon="plug" href="/docs/mcp/overview">
  One server URL, one sign in, and your assistant can work in your workspace.
</Card>

## Watch instead of reading

Every install guide and every agent walkthrough on this site is a video first, with written steps and a screenshot underneath.

<CardGroup cols={2}>
  <Card title="Video library" icon="circle-play" href="/docs/watch" horizontal>
    Every walkthrough on one page.
  </Card>

  <Card title="Quickstart" icon="bolt" href="/docs/quickstart" horizontal>
    Install Superflow and leave your first comment.
  </Card>
</CardGroup>

## Install Superflow

Pick where your site lives. Each page opens with the full video walkthrough, then repeats it as steps with a screenshot for every click.

<CardGroup cols={3}>
  <Card title="Webflow" icon="webflow" href="/docs/no-code-platforms/webflow/setup" horizontal />

  <Card title="WordPress" icon="wordpress" href="/docs/no-code-platforms/wordpress-plugin/setup" horizontal />

  <Card title="Shopify" icon="shopify" href="/docs/no-code-platforms/shopify/setup" horizontal />

  <Card title="Squarespace" icon="squarespace" href="/docs/no-code-platforms/squarespace/setup" horizontal />

  <Card title="Wix" icon="wix" href="/docs/no-code-platforms/wix/setup" horizontal />

  <Card title="React" icon="react" href="/docs/web-frameworks/react/setup" horizontal />
</CardGroup>

<Card title="See all 19 platforms and frameworks" icon="grid-2" href="/docs/quickstart#pick-your-platform">
  Bubble, HubSpot, Drupal, Elementor, Framer, Typedream, Google Tag Manager, Next.js, Vue, Angular and Svelte.
</Card>

## Do more with comments

<CardGroup cols={3}>
  <Card title="Comment on anything" icon="comment-dots" href="/docs/how-to-guides/how-to-add-a-comment-on-an-element">
    Elements, text selections, arrows, or a box drawn anywhere on the page.
  </Card>

  <Card title="Record instead of type" icon="microphone" href="/docs/how-to-guides/how-to-record-voice-notes">
    Voice notes, screen recordings and video comments, attached to the page.
  </Card>

  <Card title="Track the work" icon="table-columns" href="/docs/dashboard/how-to-use-the-kanban-board">
    Priorities, statuses and a Kanban board in the project dashboard.
  </Card>

  <Card title="Invite anyone" icon="user-group" href="/docs/how-to-guides/how-to-use-guest-mode">
    Guest mode lets clients comment without creating an account.
  </Card>

  <Card title="Connect your tools" icon="plug" href="/docs/Integrations/how-to-integrate-with-slack">
    Slack, Asana, ClickUp, Monday, Vercel and webhooks.
  </Card>

  <Card title="Rewrite copy with AI" icon="pen-nib" href="/docs/agents/how-to-use-the-AI-co-pilot">
    Highlight text on the page and turn a suggestion into a task.
  </Card>
</CardGroup>


## Related topics

- [Other MCP clients](/docs/mcp/other-clients.md)
- [Navigating the Support Section](/docs/dashboard/navigating-the-support-section.md)