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

# Video Library

> Every Superflow walkthrough in one place: agents, installation on 19 platforms, and product updates.

Every walkthrough on this site, collected on one page. Each video also sits at the top of its own guide, where the same steps are written out with a screenshot for each click.

<Tabs>
  <Tab title="Agents & AI">
    <Columns cols={2}>
      <Frame caption="Create an agent from a plain-English description">
        <video controls className="w-full aspect-video rounded-xl" src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/videos/create-an-agent.mp4?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=3dd2557cc6ed6aa0df37cb14db53b2a5" data-path="videos/create-an-agent.mp4" />
      </Frame>

      <Frame caption="Turn a QA checklist into a set of agents">
        <video controls className="w-full aspect-video rounded-xl" src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/videos/checklist-import.mp4?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=605632a826f2a4f723c91c38fa90f520" data-path="videos/checklist-import.mp4" />
      </Frame>

      <Frame caption="Create an agent group and run it">
        <video controls className="w-full aspect-video rounded-xl" src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/videos/agent-groups.mp4?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=e1d26142ba49a86aa4a429f3bb6cba01" data-path="videos/agent-groups.mp4" />
      </Frame>

      <Frame caption="Run agent pre-checks on a new project">
        <video controls className="w-full aspect-video rounded-xl" src="https://mintcdn.com/superflow-claude-superflow-portal-docs-78gpp8/g2KY_MNTB5LdaNY9/videos/agent-pre-checks.mp4?fit=max&auto=format&n=g2KY_MNTB5LdaNY9&q=85&s=6ac98786824991b6f20084e30d9fbf59" data-path="videos/agent-pre-checks.mp4" />
      </Frame>
    </Columns>

    <CardGroup cols={2}>
      <Card title="What agents are" icon="robot" href="/agents/overview" horizontal />

      <Card title="Create your first agent" icon="wand-magic-sparkles" href="/agents/how-to-create-a-new-agent" horizontal />
    </CardGroup>
  </Tab>

  <Tab title="No-code platforms">
    <Columns cols={2}>
      <Frame caption="Webflow, using a custom code snippet">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/laaElmmwdrM" title="Install Superflow on Webflow" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Webflow, using the Superflow marketplace app">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/oRcVg_0bMfQ" title="Install Superflow with the Webflow marketplace app" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="WordPress plugin">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/okUfEID40nc" title="Install Superflow with the WordPress plugin" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="WordPress, self-hosted">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/zK3yFlzokyM" title="Install Superflow on self-hosted WordPress" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Elementor">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/2OJ-Umsv29Q" title="Install Superflow on Elementor" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Shopify">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/xAW03jDe5ZE" title="Install Superflow on Shopify" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Squarespace">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/va4xHv9CSpY" title="Install Superflow on Squarespace" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Wix">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/VzHZN7kv7hk" title="Install Superflow on Wix" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Bubble">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/SbBBr4ArPGk" title="Install Superflow on Bubble" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="HubSpot">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/ONkBc0mtLuc" title="Install Superflow on HubSpot" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Drupal">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/0j9H-9egaBI" title="Install Superflow on Drupal" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Framer">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/8Ft7_kMGvC4" title="Install Superflow on Framer" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Typedream">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/_yAaxRiERgE" title="Install Superflow on Typedream" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Google Tag Manager">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/rA7P0bCEa78" title="Install Superflow with Google Tag Manager" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>
  </Tab>

  <Tab title="Web frameworks">
    <Columns cols={2}>
      <Frame caption="React">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/J9LwQWBAO6E" title="Install Superflow in React" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Next.js">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/oYmm4klCkvU" title="Install Superflow in Next.js" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Vue">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/YSftYr7yZDk" title="Install Superflow in Vue" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Angular">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/bXMFHxQLpCo" title="Install Superflow in Angular" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Svelte">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/r2F6ZFdqhA8" title="Install Superflow in Svelte" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>
  </Tab>

  <Tab title="Features">
    Every feature demo from the product updates, newest first.

    ### April 4, 2024

    <Columns cols={2}>
      <Frame caption="Landing page redesign">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/M5te787UNYU" title="Landing page redesign" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>

    ### March 14, 2024

    <Columns cols={2}>
      <Frame caption="1-page installation">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/DgdSzGa0jxs" title="1-page installation" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Private comments">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/Uva0ea5qwj8" title="Private comments" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>

    ### February 29, 2024

    <Columns cols={2}>
      <Frame caption="Collaborate on files (Beta)">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/LWSx53odr7I" title="Collaborate on files" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="WordPress plugin">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/MCKKtejuRC8" title="WordPress plugin" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Update name and profile picture">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/QTBqRRLNcpo" title="Update name and profile picture" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>

    ### February 22, 2024

    <Columns cols={2}>
      <Frame caption="Install with Google Tag Manager">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/zqXvd141_4k" title="Install with Google Tag Manager" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Screen recording (desktop)">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/LrDh5KBfvLI" title="Screen recording on desktop" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Voice recording (mobile)">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/1BvJC9qebuM" title="Voice recording on mobile" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>

    ### February 15, 2024

    <Columns cols={2}>
      <Frame caption="Minimap">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/W-aMXMleYVw" title="Minimap" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Device info">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/nqiRtbQZKDU" title="Device info" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Filters for archived projects">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/28VKo-U75Xo" title="Filters for archived projects" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>

    ### February 8, 2024

    <Columns cols={2}>
      <Frame caption="Read receipts">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/PzEIIR1eXB0" title="Read receipts" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Password protected sites">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/Nu5r22CYBBw" title="Password protected sites" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Guest mode with disabled login">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/jvjIVt8C_Mc" title="Guest mode with disabled login" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Restricted mode">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/jlh0USrU7lE" title="Restricted mode" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Disable Superflow on specific domains">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/CxQBvM9qdNA" title="Disable Superflow on specific domains" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Disable commenting">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/A7V5Y8h3ymI" title="Disable commenting" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Removing ?review=true from the address bar">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/HRfgpNX9wBg" title="Removing review=true from the address bar" frameBorder="0" allowFullScreen />
      </Frame>

      <Frame caption="Versions and branches">
        <iframe className="w-full aspect-video rounded-xl" src="https://www.youtube.com/embed/LHBmCB-EKiU" title="Versions and branches" frameBorder="0" allowFullScreen />
      </Frame>
    </Columns>
  </Tab>
</Tabs>