Agent Card Editor

Visually design A2A-compliant Agent Cards with live JSON preview. 可视化设计符合 A2A 规范的 Agent Card，实时预览 JSON。

A web-based editor for creating A2A Protocol Agent Cards without writing JSON by hand. Fill in forms, see the JSON update in real-time, validate, and export.

一个用于创建 A2A 协议 Agent Card 的 Web 编辑器，不用手写 JSON。填表 → 实时预览 → 校验 → 导出。

Quick Start | 快速开始

Just open index.html in a browser. No build, no install.

直接在浏览器中打开 index.html，无需构建或安装。

Or serve it locally:

# Python
python -m http.server 8000

# Node
npx serve .

Then open http://localhost:8000 in your browser.

Features | 功能

• Form-based editor — fill in fields, no JSON syntax errors
• Live JSON preview — see the output as you type
• Skills management — add/remove multiple skills with examples
• Validation — required fields highlighted, URL format check
• Import / Export — load existing JSON, copy or download
• Bilingual (EN/ZH) — toggle language on the fly
• Syntax highlighting — JSON preview with color coding
• Dark theme — comfortable for long editing sessions
• No dependencies — single HTML file, works offline

Supported Fields | 支持的字段

| Section | Field | EN | 中文 | |---------|-------|----|----| | Basic | name | Agent name | Agent 名称 | | Basic | description | Description | 描述 | | Basic | url | Endpoint URL | 端点 URL | | Basic | version | Version | 版本 | | Basic | iconUrl | Icon URL | 图标 URL | | Provider | organization | Org name | 组织名称 | | Provider | url | Org URL | 组织 URL | | Capabilities | capabilities | streaming / pushNotifications / stateTransitionHistory / extensions | 能力开关 | | Capabilities | defaultInputModes | text / file / data | 默认输入模式 | | Capabilities | defaultOutputModes | text / file / data | 默认输出模式 | | Skills | id, name, description, examples | per-skill config | 单技能配置 |

License

MIT