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

ソース管理されたPRレビューにAIチェックを導入する
Tools

ソース管理されたPRレビューにAIチェックを導入する

Continueは、マークダウンファイルをソース管理されたチェックとして使用し、GitHubのステータスチェックを通じて表示されることで、プルリクエストのワークフローに直接AIチェックを統合します。

OpenClawRadar
プロモクロック:Claudeの2倍オフピーク時間帯のタイムゾーントラッカー(Claude 4.6で構築)
Tools

プロモクロック:Claudeの2倍オフピーク時間帯のタイムゾーントラッカー(Claude 4.6で構築)

開発者がPromoClock.coを構築しました。これはClaudeの「午前5時〜11時(PT)/ 午後12時〜6時(GMT)」という2倍オフピークプロモーション時間を自動的に現地時間に変換する無料ツールで、Claude 4.6を使用したタイムゾーン処理、Next.js 15のセットアップ、UIデザインを実装しています。

OpenClawRadar
DESIGN.md: コーディングエージェントにビジュアルアイデンティティを記述するためのフォーマット仕様
Tools

DESIGN.md: コーディングエージェントにビジュアルアイデンティティを記述するためのフォーマット仕様

DESIGN.mdは、YAMLデザイントークンとマークダウンプローズを組み合わせ、AIコーディングエージェントにデザインシステムの永続的かつ構造化された理解を提供します。リンターとdiffツールも含まれています。

OpenClawRadar
Weejur: GitHub Pages公開のためのシンプルなUIフロントエンド
Tools

Weejur: GitHub Pages公開のためのシンプルなUIフロントエンド

Weejurは、GitHub Pagesを介してウェブサイトを公開するための簡素化されたUIを提供する無料ツールで、OAuthログイン後にHTMLを貼り付けたりファイルをアップロードしたりできます。

OpenClawRadar