Agentive
自動化ラボ

AIの「目」を作る — visual_inspectorでWebサイトを自動品質チェック

約6分で読めます

AIの「目」を作る

Webサイトをデプロイした後、「ちゃんと表示されているか」を人間が確認する。これをAIの「目」で自動化する。

visual_inspectorの仕組み

Playwright でスクリーンショット撮影
    → Claude Vision API (Haiku) に送信
    → 表示崩れ・文字化け・レイアウト異常を判定
    → {"pass": true/false, "reason": "...", "confidence": 0.95}

3つの検証タイプ

タイプ用途
site_checkWebページの表示品質チェック
apply_result応募結果の成功/失敗判定
youtube_frameYouTube動画フレームの内容分析

実績

  • Agentiveサイト40記事全ページ: 全PASS (confidence 0.95)
  • 日次レポート: 表示正常確認
  • コスト: 1チェックあたり約$0.001

関連記事

A

Agentive 編集部

AIエージェントを実際に使い倒す個人開発者。サイト制作の自動化を実践しながら、その知見を発信しています。