Sayhi-bzb/Agent-HTML

解决的问题

Agent-HTML 解决了 AI 代理输出使用 Markdown 的局限性。虽然 Markdown 适合文本和代码，但无法处理复杂的视觉需求，例如仪表板、交互式数据视图、产品原型或主题化报告。该项目使代理能够生成持久、交互式的 React 艺术品，而非简单的文本文档。

工作原理

该系统采用“画布”架构，由以下几个部分组成：

• agent-html：一个可移植的工作区，代理在此编写 React 和 TypeScript 艺术品。
• @agent-html/react：提供无头 Artifact 和 Block 组件的协议，可在 HTML 表面创建稳定且可定位的区域。
• 画布宿主：基于 Vite 的环境，用于渲染艺术品、提供验证诊断、管理主题预设，并处理块级提示路由。
• 本地资源：一组与艺术品一同存在的 UI 原语、钩子和模式，以确保一致性。

适用人群

专为需要输出功能型用户界面（如操作仪表板、看板或数据报告）而非仅聊天回复的 AI 代理工作流开发者设计。

主要亮点

• 可检查的表面：利用 Block 元数据，允许对艺术品的特定区域进行针对性审查和聚焦反馈。
• 丰富的表达能力：支持布局、状态、交互、图表和表格。
• 持久的上下文：将规则、资源和艺术品存储在文件系统中，防止其在聊天历史中丢失。
• 精准修订：支持将后续提示路由到 HTML 表面的特定块，实现精确编辑。