Chromeflow: Claude向けウェブUIタスクを自動化するChrome拡張機能

Chromeflowの機能

Chromeflowは、ClaudeのようなAIコーディングアシスタントを使用する際の一般的な課題に対処します。ClaudeがStripe、Supabase、SendGridなどのサービスのバックエンドコードを生成すると、通常、Webダッシュボードのナビゲート、値のコピー、手動での設定など、開発フローを中断させる手動の指示で終わります。

このツールは、それらの手動Web UIステップを自動化します。Chrome拡張機能とMCPサーバーの組み合わせを通じて、Claudeに実際のブラウザ制御を与えます。

主な機能

• ブラウザでクリックすべき箇所をハイライト表示
• 既知の値でフィールドを自動入力
• 保存ボタンを自動クリック
• APIキーを.envファイルに直接書き込み
• ログインやパスワード入力などの認証タスクのみ手動操作が必要

セットアップ手順

セットアップには2つのステップが必要です：

1. プロジェクトでnpx chromeflow setupを実行
2. Chromeウェブストアから拡張機能をインストール

技術詳細

• Claude Codeを使用して構築
• 完全無料でオープンソース
• 入手先：https://chromeflow.vercel.app/

開発者は、開発ワークフローで毎日使用していると報告しています。