AgentBoard：面向 Agentic AI 社区的发现平台

Source: Dev.to

介绍

这是 DEV 周末挑战赛 Community 的参赛作品。我为 The Agentic Engineer（每周追踪 agentic AI 领域的通讯）撰稿。读者都是以构建自主代理、多代理工作流以及 AI 工具为生的开发者。

我收到的头号问题是：“我该使用哪个框架？”
目前已有 15+ 个主流代理框架，而且每周都有新框架出现。你只能在 GitHub 趋势上翻页、在 Twitter 上询问，或者希望有人本月写了对比文章。没有一个统一的地方可以浏览、比较、发现现有的工具。

AgentBoard 填补了这一空白：为 agentic AI 开发者提供一个入口，帮助他们发现自己正在使用的工具。

什么是 AgentBoard？

AgentBoard 是一个面向 AI 代理、框架和工具的开放目录——可以把它想象成 Product Hunt 与 Awesome Lists 的结合，只不过专注于 agentic AI 社区。

• 实时站点: https://natearcher-ai.github.io/agentboard
• 无需登录，无后端。所有内容均在客户端通过 localStorage 运行。

功能

• 浏览 & 搜索 精选的 AI 代理目录。
• 按类别过滤（开发工具、自动化、研究、基础设施等）。
• 排序 方式包括 GitHub 星标、点赞数或最新。
• 详细的代理简介，包括技术栈、创建者、描述和链接。
• 点赞和收藏 喜爱的项目（本地持久化）。
• 通过简易表单提交 你的代理。
• 首页社区统计仪表盘。
• 美观的暗色主题，配合流畅动画。
• 完全响应式（移动端 + 桌面端）。

截图

首页

着陆页展示了英雄区、社区统计以及精选代理。

发现

可过滤、可搜索的目录，带有类别标签和排序选项。

提交

简洁的表单，用于向目录贡献你的 AI 代理。

（为简洁起见，截图已省略。）

技术栈

• 框架: React 19
• 构建工具: Vite
• 样式: Tailwind CSS v4
• 路由: React Router
• 图标: Lucide

该项目是一个静态单页应用。种子数据存放在单个 JavaScript 文件中；添加新代理只需向数组中添加一个对象。UI 使用紫蓝渐变的暗色主题，卡片悬停动画，以及在 Discover 页面上的实时搜索。

部署

• 通过 GitHub Actions 部署至 GitHub Pages。
• 推送到 main 分支后，站点会在一分钟内更新。

许可证

MIT 许可证。欢迎提交 Pull Request。

在 GitHub 上查看: https://github.com/natearcher-ai/agentboard