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

✍️ OpenClawRadar📅 公開日: March 23, 2026🔗 Source
Chromeflow: Claude向けウェブUIタスクを自動化するChrome拡張機能
Ad

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/

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

📖 Read the full source: r/ClaudeAI

Ad

👀 See Also

Altimate Code: オープンソースのエージェント型データエンジニアリングハーネス
Tools

Altimate Code: オープンソースのエージェント型データエンジニアリングハーネス

Altimate Codeは、AIエージェント向けに決定論的なデータエンジニアリングツールを提供するオープンソースハーネスであり、幻覚的なSQLやスキーマコンテキストの欠如といった問題に対処します。カラムレベルのリネージ、SQLアンチパターン検出、dbt統合を含み、ADE-benchで74.4%のパフォーマンスを示すベンチマーク結果があります。

OpenClawRadar
ウロボロス、仕様ギャップを埋めるためにClaudeコード向けPM面談モードを追加
Tools

ウロボロス、仕様ギャップを埋めるためにClaudeコード向けPM面談モードを追加

Ouroborosには現在、Claude Codeへの引き継ぎ前にガイド付きインタビューを実行するPMモードが含まれています。「解決する問題は何か」「誰のためのものか」「どのような制約が重要か」といった質問を行います。出力は、目標、ユーザーストーリー、制約、成功基準、前提条件、延期項目を含むPRD/PM文書となります。

OpenClawRadar
WebClaw: Claude向けWeb抽出のためのオープンソースMCPサーバー
Tools

WebClaw: Claude向けWeb抽出のためのオープンソースMCPサーバー

WebClawは、Claude Codeで構築されたオープンソースのMCPサーバーで、Claude DesktopとClaude Codeにウェブ抽出ツールを提供します。TLSフィンガープリントとコンテンツ最適化により、Claudeの組み込みweb_fetchの制限を解決します。

OpenClawRadar
NemoClawサンドボックス隔離を回避してローカルNemotron 9Bエージェントを実行する
Tools

NemoClawサンドボックス隔離を回避してローカルNemotron 9Bエージェントを実行する

開発者がNemoClawのサンドボックス分離を回避し、単一のRTX 5090でNemotron 9Bとツール呼び出し機能を使用した完全ローカルエージェントを実行する方法を確立しました。このアプローチには、iptablesの設定、カスタムTCPリレー、リアルタイムのツール呼び出し翻訳が含まれています。

OpenClawRadar