公開直前に、同じフッターをまた確認しているなら

サイト公開を控えると、デザイナーやプロジェクトマネージャーはページを一つずつ開きます。デスクトップで確認したリンクをモバイルでももう一度押し、複製したサービスページに古い文言が残っていないかをまた探すことになります。チェックリストが長くなるほど、後半の項目は丁寧さより集中力に頼るようになります。

Superflowが減らそうとしているのは、人による最終判断ではありません。既存のチェックリストを複数ページで繰り返し実行し、人が確認すべき候補を位置情報とともに集める作業です。チェックリストとブランドガイドラインを基に、カスタム検査エージェントを構成し、ライブまたはステージングサイトのモバイル・デスクトップ画面を検査します。

長いチェックリストが、位置表示付きのレビューキューに変わります

エージェントが見つけた項目は、レポートの一行だけには残りません。実際のページ要素にピンやコメントとして紐付くため、人がその位置を開いて本当の問題かどうかを判断できます。公式資料では、発見時点の画面のスクリーンショットも紐付けられると説明されています。 公式価格FAQによると、新規ユーザーは10日間のトライアル中にすべての機能を利用できます。トライアル終了後、Automated ScreenshotはGrowth以上に含まれ、Starterには含まれません。

チームでのレビューが終われば、クライアントをレビュー工程に招待できます。公式価格FAQでは、10日間のトライアル中はすべての機能にアクセスできますが、終了後にログインなしでコメントを書けるAnonymous Guest ModeはScale・Enterpriseで提供されるとしています。Starter・Growthでは、ログインする無料のGuestを利用できます。 どの共有方法を使っても、最終承認の主体は人のままです。

導入判断の基準: 同じルールを複数ページや画面サイズで繰り返し確認しているなら、自動検査の利点は大きいです。反対に、ログイン後の複雑なフローや実機・ブラウザーの組み合わせによる検証が重要なら、公開資料で確認できた範囲だけで既存テストを置き換えられると考えてはいけません。

「212番目」は速度より疲労を示す事例です

YCのローンチ投稿には、10人が400行のチェックリストを実行していたあるエージェンシーサイトの話が載っています。212番目の項目に当たる古いプレースホルダー文言が数か月にわたり公開されたまま残っており、エージェントがそれを見つけたという逸話です。 会社名や再現手順が公開された性能試験ではありませんが、手動レビューがどこで弱くなるかを明確に示しています。

製品ローンチ資料では、20個のエージェントがページを並列に検査し、サイト全体の点検を数分以内に終えると説明されています。 ただし、ページ数、認証の有無、サイトの複雑さ、測定条件は公開されていません。そのため、「どんなサイトでも数分」という保証としてではなく、順番にクリックしていた検査を並列作業に変える構造に注目する方が正確です。

約90%という検出数値も同じように読むべきです。Superflowは、顧客が従来人が見つけていた項目の約90%をエージェントが捉えると述べていると紹介していますが、評価したサイト数、欠陥の分母、誤検知率は公開していません。 独立したベンチマークではなく、最初の試験で確認する仮説として扱う数字です。

Wonderistが月47時間を節約し、フィードバックラウンドを3回減らしたという事例も公式ページに掲載されています。 比較期間、プロジェクト数、従来の投入時間は公開されていないため、自チームの予想削減量としてそのまま当てはめるより、繰り返しレビューが実際にどれほど減ったかを別途記録する方がよいでしょう。

最初の試験は、意図的に入れた文言一つを見つけることです

複数のルールを一度に任せると、問題がインストールにあるのか検査基準にあるのかを区別しにくくなります。最初の練習は、公開権限があるWebflowテストサイトの1ページに絞ってください。実際のクライアントデータがなく、エージェントがアクセスできるURLを用意します。以下のテスト文言と判定基準は、製品の公式評価項目ではなく、編集部が構成した練習例です。

  1. アカウントを作成し、トライアルの有効化を確認します。
    Superflow登録ページで、メールアドレスまたはGoogleアカウントから始めてください。公式価格FAQでは、カード不要の10日間トライアル中はすべての機能にアクセスでき、新規ワークスペースには一回限りの30ボーナスクレジットが付与されると案内しています。登録後、ワークスペースでトライアルとクレジットが実際に有効になっているか確認してください。
  2. Webflowアプリをインストールします。
    公式インストールガイドのMarketplaceリンクから+ Add to Siteを押し、テストサイトを選択してAuthorize Appを完了します。続いてSuperflowアカウントでログインしてください。
  3. 文言を一つ入れ、テストドメインにだけ公開します。
    Webflowで、選択したページの見えるテキスト一か所にQA-TEST-OLD-PRICEを入れてください。公開ガイドに従い、Publishではテスト用のwebflow.ioドメインだけを選び、実サービスドメインの選択を外して公開します。テストURLを改めて開き、文言が見えることを確認してください。
  4. ツールバーのインストールを検証します。
    Verify Installを押した後、公開ページの右下にSuperflowツールバーが表示されるか確認します。必要ならURL末尾に?review=trueを付けてください。既存のクエリがあるURLでは&review=trueを使います。表示されない場合は、まずサイトの公開状態とブラウザーキャッシュを確認してください。
  5. ルール一つでエージェントを作成します。
    チェックリスト入力欄に以下の文を入れてください。公式ドキュメントの流れに従って、提案されたエージェントとExcluded Tasksを確認し、正確な文言を探す提案だけを選んでCreateで確定します。現在の画面でメニュー名が異なる、またはルールが除外される場合は、推測で実行せず、まず入力条件を書き直してください。

ページ本文に正確な文字列QA-TEST-OLD-PRICEが表示されている場合、その要素をマークする。他の文言は今回の検査から除外する。

  1. 入力したページを一度検査します。
    実行画面でテストプロジェクトと該当するPathを選んでください。最初の試験は1つのURLとDesktopに限定し、確定前に表示されるクレジット費用を確認します。Mobileも確認する場合は、現在の実行画面で選択可能な画面範囲と費用を確認してから進めてください。
  2. ピンとスクリーンショットを実際の文言と照合します。
    結果一覧とツールバーで検出項目を開き、正確な文言がある要素に紐付いているかを確認し、10日間トライアルで提供されるスクリーンショットも当時の画面と照合してください。トライアル終了後は、Automated ScreenshotがGrowth以上で提供されます。結果がない場合も、すぐに「問題なし」と承認せず、まず検査したURL・Path・公開状態・ルールを確認してください。
  3. 文言を削除し、再度検査します。
    テキストを元に戻し、同じテストドメインに再公開してから、同じ条件で新しい検査を実行してください。過去のピンやコメントが自動削除されると考えず、2回の実行による新しい結果を比較します。

最初の成功基準は、インストール済みツールバーで意図的に入れた文言の位置とスクリーンショットを確認し、文言を削除した後、同じ条件での新しい検査ではその文言が再び報告されないことです。この練習一つで、サイト全体の検出率が証明されるわけではありません。次は実際のチェックリストから、人が真偽を判断できるルールを一つずつ増やしてください。

ページ数の境界にあるクレジットは、実行画面で再確認する必要があります。 現在の公式料金表では、単一URLまたはアセットは1クレジット、30ページ以下は5クレジット、31〜100ページは10クレジット、100〜250ページは15クレジット、250ページ超は30クレジットと表示されています。表記上、100ページは二つの区間に、250ページも二つの区間にまたがります。ちょうど100ページまたは250ページのサイトは、実行直前に表示される実際の費用を基準に判断してください。価格と条件は変更される場合があります。

さらに深く知りたいなら

Quickstartでは、プロジェクトURLの入力からスクリプトのインストール、Verify、?review=trueでツールバーを確認するまでの初期接続手順を見られます。 usesuperflow.ai

How to Create Agents from a Checklistでは、チェックリスト入力後にProposed AgentsとExcluded Tasksを確認し、Createで確定する流れを確認できます。 usesuperflow.ai

How to Run an Agent from the Agents Tabでは、プロジェクト、Path、検査範囲、実行前のクレジット確認手順を説明しています。 usesuperflow.ai

Pricingでは、トライアル中の利用範囲、ページ別のスキャンクレジット、トライアル終了後のGuest・スクリーンショットの提供範囲を比較できます。 usesuperflow.ai