agentbuddy vscode

AgentBuddy

친절한 이웃 에이전트 워크플로 빌더!

동기 부여

LLM 기반 Agentic Workflows는 올해의 하이라이트로 평가됩니다. 그들은 업계를 완전히 혼란에 빠뜨릴 수 있습니다! 그러나 사람들이 주제에 쉽게 참여할 수 있도록 하려면 실험하고 스스로 "와우" 요소를 느낄 수 있는 쉬운 도구를 제공해야 합니다. 이 프로젝트의 목표는 사람들이 간단한 방법으로 에이전트 워크플로를 구축하도록 돕는 것입니다.

기능

이는 사용자가 간단한 블록 드래그 앤 드롭(예: 블록 기반 빌더)을 사용하여 에이전트 워크플로를 구축할 수 있는 시각적 GUI입니다. 여러 에이전트가 서로 대화하거나 개별적으로 작업하는 그래프를 생성하고 에이전트에 대한 페르소나를 정의하고 작업을 할당할 수 있습니다. 그런 다음 생성된 에이전트 워크플로를 실행할 수 있는 코드로 내보냅니다. 앱은 VS Code 확장으로 패키지되어 개발자가 쉽게 사용할 수 있습니다. 전반적인 아이디어는 에이전트 워크플로 구축에 대해 로우 코드/노 코드 접근 방식을 취하는 것입니다.

작동 방식

GUI용 Typescript를 사용하여 React + Vite + React Flow를 VS Code 확장으로 패키지했습니다. 편집기로 작성한 그래프는 CrewAI 프로젝트에 컴파일됩니다.

그런 다음 확장 프로그램은 컴파일된 크루 AI 애플리케이션을 터미널에서 로컬로 실행하고 결과를 표시합니다.

시작하기

설정

 # 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에서 palete 명령(F1 또는 ctrl + Shift + p)을 열고 AgentBuddy: Playground 명령을 실행합니다.

VS Code 확장 패키징

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

hackOMCS 2024에서 Sampath가 ❤️으로 제작함