Vibeyard IDEは、AIエージェントによる直接的なWeb UI編集のための組み込みブラウザを追加しました。

AIコーディングエージェント向けに設計されたオープンソースIDE「Vibeyard」に、AIアシスタントを使ったWeb UI開発における特定の課題に対処するブラウザタブセッションタイプが追加されました。この機能により、埋め込みブラウザを通じてWeb要素と直接対話できるようになります。
仕組み
この機能が解決する核心的な問題は、UIの変更をAIエージェントに説明することと、実際にそれを実装することの間の隔たりです。開発者によると、AIを使ってWeb UIの「雰囲気コーディング」を行う際、ユーザーは通常、変更したい内容を説明する必要がありますが、誤ったCSSセレクタを提供したり、AIエージェントが適切なコンポーネントを見つけられなかったりすることがよくあります。
Vibeyardの新しいブラウザセッションタイプは、このワークフローを「クリック→指示→完了」に変更します。ユーザーは埋め込みブラウザ内の任意の要素をクリックし、その特定の要素に対してAIエージェントにどのような変更を加えるかを指示できます。
ソースからの主な詳細
- これは「AIコーディングエージェント向けのオープンソースIDE」と説明されるVibeyardに追加された機能です
- この機能は特に「ブラウザタブセッションタイプ」です
- UIの変更をAIエージェントに説明する必要があり、誤ったセレクタや見つからないコンポーネントに対処するという問題に対処します
- ワークフローは簡素化され、要素をクリックし、AIに指示し、変更が適用されます
- GitHubリポジトリはこちらで利用可能です: https://github.com/elirantutia/vibeyard
この種のツールは、WebインターフェースでAIコーディングエージェントを扱う開発者にとって有用です。なぜなら、テキストによる説明やセレクタの識別だけに頼るのではなく、変更を指定するためのより直接的な視覚的インターフェースを提供するからです。
📖 Read the full source: r/ClaudeAI
👀 See Also

CodeLedger: オープンソースのClaude Codeプラグインは、トークン使用量とバックグラウンドエージェントを追跡します
CodeLedgerは、Claude Code用のオープンソースMCPサーバープラグインで、プロジェクト全体のトークン使用量を自動的に追跡し、バックグラウンドエージェントを特定し、ローカルのJSONLセッションファイルの分析に基づいてコスト最適化の推奨事項を提供します。

ToolLoop: 任意のLLMでClaudeスタイルのツールを利用するためのオープンソースフレームワーク
ToolLoopは、ファイル操作、コード検索、シェルアクセス、サブエージェントのための11のツールを備えたオープンソースのPythonフレームワークで、LiteLLMを通じて任意のLLMで動作します。この2,700行のフレームワークは、会話中にモデルを切り替えながら共有コンテキストを維持できます。

DreamScape:Claude CodeとMCPを搭載したブラウザベース3Dワールドビルダー
DreamScapeは、Claude Codeが30個のMCPツールを制御して、自然言語コマンドでリアルタイムに地形、モデル、天候、行動を生成するブラウザベースの3Dワールドビルダーです。

Ubuntu UTM VMにおけるOpenClawセットアップ(LLM APIおよびOllamaアクセス対応)
ユーザーは、M3 Mac上でサンドボックス化されたUbuntu VM内でOpenClawを正常に設定しました。macOS上のローカルOllamaと、Gemini、Claude、DeepSeekなどの外部LLM APIの両方にアクセスできます。サンプル設定ファイルとトラブルシューティングのメモはGitHubで入手可能です。