概要
DOM要素を選択し、セレクターを生成してJSON/Markdownをオフラインでエクスポートできます。
DOM AI Bridge DOM AI Bridge は、Webページ上のDOM要素を直接選択し注釈を追加できる、 フレームワーク非依存のAI特化型ワークフローを提供するブラウザ拡張機能です。 近年注目されている「バイブコーディング」環境において、 フロントエンドUIの修正や変更依頼をAIとより効率的に連携するために設計されています。 主な機能 1. DOMベースの注釈システム Webページ上のDOM要素を直接選択 注釈の追加および管理 UI変更リクエストを構造化して整理可能 2. 目的別フォーマット変換 注釈内容を以下の用途に最適化された形式へ変換： AI向けフォーマット 開発者共有用フォーマット 外部共有（フォーム）用フォーマット 業務フローに応じた形式で即時利用できます。 3. WebHook連携 WebHookによるデータ送信 社内システムや自動化基盤との連携 閉鎖ネットワーク環境でも安全に利用可能 4. カスタマイズ機能 柔軟な設定オプション 多様な開発ワークフローに適応可能 開発予定機能 MCPサーバー連携によるAI自動化フレームワーク MCPサーバーとの統合 DOM選択 → AI処理 → 実装 までの自動化パイプライン構築 プライバシーとデータ すべての処理はローカル環境で実行 外部へのデータ収集なし ユーザー管理データのサーバー保存なし 閉鎖環境でも使用可能 オープンソース 本プロジェクトはオープンソースで公開されています。 メインリポジトリ https://github.com/Sejin-999/DOM-AI-Bridge ローカルAI受信用サーバー https://github.com/Sejin-999/DOM-AI-Bridge-Server コントリビューションはいつでも歓迎します。 公式サイト公開後、コミュニティ機能も追加予定です。 ビジョン 開発者、バイブコーダー、IT関係者が UI変更内容をAIとより明確かつ構造的に共有できる環境を構築すること。 もし本プロジェクトが役立った場合は、GitHubで⭐スターをお願いします。 GitHub: https://github.com/Sejin-999
詳細
プライバシー
DOM AI Bridge から、お客様のデータの収集と使用に関する以下の情報が開示されています。 詳しくは、デベロッパーの privacy policy をご確認ください。
DOM AI Bridge は次を扱います。
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと
