open-resource-discovery 发布 a2a-editor：编辑、查看与测试 A2A 协议智能体的 UI 组件

UI components for editing, viewing, and testing agents that implement the Agent2Agent (A2A) protocol.

👉 LIVE DEMO: https://open-resource-discovery.github.io/a2a-editor/playground

Getting Started

npm

npm install @open-resource-discovery/a2a-editor

Quick Start

import { AgentPlayground } from "@open-resource-discovery/a2a-editor";
import "@open-resource-discovery/a2a-editor/styles";

function App() {
  return (
    <div style={{ height: "100vh" }}>
      <AgentPlayground onAgentCardChange={(json, parsed) => console.log(parsed?.name)} />
    </div>
  );
}

Docker

docker run -p 8080:80 ghcr.io/open-resource-discovery/a2a-editor:latest

Or build from source:

docker build -t a2a-editor .
docker run -p 8080:80 a2a-editor

The editor is then available at http://localhost:8080.

Contributing

Please see CONTRIBUTING.md for details on how to contribute to this project.

License

Please see our LICENSE for copyright and license information. Detailed information including third-party components and their licensing/copyright information is available via the REUSE tool.