agentbuddy vscode

AgentBuddy

Ihr freundlicher Workflow-Builder für Nachbarschaftsagenten!

Motivation

LLM-basierte Agentic Workflows gelten als das Highlight des Jahres; Sie könnten die Branche völlig revolutionieren! Um den Menschen jedoch den Einstieg in das Thema zu erleichtern, müssen wir ihnen einfache Tools bieten, mit denen sie experimentieren und selbst den „Wow“-Faktor spüren können. Ziel dieses Projekts ist es, Menschen dabei zu helfen, auf einfache Weise Agenten-Workflows aufzubauen.

Was es bewirkt

Es handelt sich um eine visuelle GUI, mit der Benutzer Agenten-Workflows durch einfaches Ziehen und Ablegen von Blöcken erstellen können (d. h. einen blockbasierten Builder). Sie können Diagramme erstellen, in denen mehrere Agenten miteinander sprechen oder isoliert arbeiten, Personas für Agenten definieren und Aufgaben zuweisen. Erstellte Agenten-Workflows werden dann in Code exportiert, der ausgeführt werden kann. Die App ist als VS-Code-Erweiterung verpackt, sodass Entwickler sie problemlos nutzen können. Die Gesamtidee besteht darin, einen Low-Code/No-Code-Ansatz für die Erstellung des Agenten-Workflows zu verfolgen.

Wie es funktioniert

React + Vite + React Flow mit Typescript für die GUI und als VS Code-Erweiterung verpackt. Das Diagramm, das Sie mit dem Editor erstellen, wird in ein CrewAI-Projekt eingefügt.

Die Erweiterung führt dann die kompilierte CrewAI-Anwendung lokal in einem Terminal aus und zeigt das Ergebnis an.

Erste Schritte

Aufstellen

 # 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 .

Ausführung

 # Run the extension
npm run watch

# Run the webview project alone
npm run start:webview

Öffnen Sie in VS Code die Befehlspalette (F1 oder Strg + Umschalt + P) und führen Sie den Befehl AgentBuddy: Playground aus.

Verpacken der VS-Code-Erweiterung

 # 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 >

Hergestellt mit ❤️ von Sampath auf der hackOMSCS 2024