agentbuddy vscode

エージェントバディ

あなたの近所のフレンドリーなエージェント ワークフロー ビルダー!

モチベーション

LLM ベースのエージェント ワークフローが今年のハイライトであると宣伝されています。彼らは業界を完全に混乱させる可能性があります!ただし、人々がこのトピックに簡単に参加できるようにするには、実験して「すごい」要素を自分で感じるための簡単なツールを提供する必要があります。このプロジェクトは、エージェント ワークフローとは何かを簡単な方法で構築できるように支援することを目的としています。

何をするのか

これは、ユーザーがブロックの単純なドラッグ アンド ドロップを使用してエージェント ワークフローを構築できるビジュアル GUI (つまり、ブロック ベースのビルダー) です。複数のエージェントが互いに会話したり、単独で作業したりするグラフを作成したり、エージェントのペルソナを定義したり、タスクを割り当てたりすることができます。作成されたエージェント ワークフローはコードにエクスポートされ、実行できるようになります。このアプリは VS Code 拡張機能としてパッケージ化されているため、開発者が簡単に利用できるようになります。全体的なアイデアは、エージェント ワークフローの構築にローコード/ノーコードのアプローチを採用することです。

仕組み

React + Vite + React Flow と GUI 用の Typescript を組み合わせ、VS Code 拡張機能としてパッケージ化しました。エディターで作成したグラフは、crewAI プロジェクトにコンパイルされます。

次に、拡張機能はコンパイルされた crewAI アプリケーションを端末内でローカルに実行し、結果を表示します。

はじめる

設定

 # Clone the repo
git clone https://github.com/flashbard/agentbuddy-vscode

# Navigate into project
cd agentbuddy-vscode

# Install dependencies for both the extension and webview UI source code
npm run install:all

# Build webview UI source code
npm run build:webview

# Open the project in VS Code
code .

実行

 # Run the extension
npm run watch

# Run the webview project alone
npm run start:webview

VS Code で、コマンド パレットを開き (F1 または Ctrl + SHIFT + P)、コマンドAgentBuddy: Playgroundを実行します。

VS コード拡張機能のパッケージ化

 # Setup vsce locally
npm install -g @vscode/vsce

# Package the extension
vsce package

# (Optional) Install the generated VSIX file
code --install-extension < GENERATED-VSIX-FILE >

hackOMSCS 2024 で Sampath が ❤️ で作成しました