产品简介
Agent-HTML 是一个工具,帮助AI代理将输出转化为可交互的HTML表面,支持布局、数据展示、主题定制和交互控制。解决Markdown在富媒体输出上的不足,适合AI代理开发者、设计师和数据分析师创建仪表板、原型或可视化报告。

核心功能
- 可检查的富表面
- 主题预设和样式控制
- 本地数据和交互支持
- 基于React和TypeScript
- 跨平台兼容
快速开始
- 安装agent-html包:运行 npm install agent-html
- 初始化本地Canvas工作区:运行 npx agent-html init
- 启动Canvas主机:运行 npx agent-html dev
- 使用代理构建或修改React组件:指导代理在 agent-html/artifacts 目录工作
界面预览


与其他方案对比
| 对比项 | Agent-HTML | 同类方案 |
|---|---|---|
| 表达能力 | 支持布局、交互、状态管理和主题定制,适合富媒体输出 | 仅支持纯文本和代码,缺乏交互和样式 |
适合谁用
- AI代理开发者,用于构建富媒体输出界面
- 设计师,用于快速创建交互原型
- 数据科学家,用于生成可视化报告
下载与版本
当前最新版本为 main,发布于 。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/Sayhi-bzb/Agent-HTML