> ## Documentation Index
> Fetch the complete documentation index at: https://superflow-claude-superflow-portal-docs-78gpp8.mintlify.site/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-claude-superflow-portal-docs-78gpp8/_zKrRwh5L1PapanY/images/demo.gif?s=f8a9dd8577b5ee8929ed7dd7e34658fb" 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="/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="/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="/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="/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>

## 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="/watch" horizontal>
    Every walkthrough on one page.
  </Card>

  <Card title="Quickstart" icon="bolt" href="/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="/no-code-platforms/webflow/setup" horizontal />

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

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

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

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

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

<Card title="See all 19 platforms and frameworks" icon="grid-2" href="/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="/how-to-guides/how-to-add-a-comment-on-an-element">
    Elements, text selections, or a box drawn anywhere on the page.
  </Card>

  <Card title="Record instead of type" icon="microphone" href="/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="/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="/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="/Integrations/how-to-integrate-with-slack">
    Slack, Asana, ClickUp, Monday, Vercel and webhooks.
  </Card>

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