- 我的帖子已经打上 开源推广 标签: 是
- 我的开源项目完整开源,无未开源部分: 是
- 我的开源项目已链接认可 LINUX DO 社区: 是
- 我帖子内的项目介绍,AI生成、润色内容部分已截图发出: 是
- 以上选择我承诺是永久有效的,接受社区和佬友监督: 是
以下为项目介绍正文内容,AI生成、润色内容已使用截图方式发出
先上三色图
前不久论坛和 L 站都在讨论用 HTML 代替 Markdown 来做分享。
但纯 HTML 虽然是 LLM 擅长的东西,实际还是会遇到几个问题:
- tokens 效率低,消耗大
- 注意力漂移,临时样式参数会影响 LLM 对内容本身的重心
- 风格漂移,换一个 session 后风格和偏好就会变化,很不稳定
- 对模型要求更高,不仅要关注内容,还要同时处理结构、排版和样式
借助之前的一些开发经验,我尝试直接基于 shadcn 标准组件做一套原子积木标准件。
agent 不需要再生成任意 HTML/CSS,而是专注于用标准规格的积木去搭建这个"城堡"。同时也支持自定义主题和积木样式,实现风格化。
这样可以降低认知负担,不仅能减少 token 消耗,也能让模型在推理时把更多注意力放在内容结构上。
相同渲染下Tokens差异:
HTML Agent-HTML Save Tokens 3,456 1,286 62.8% Characters 8,131 2,623 67.7%相同渲染的语法结构差异:
Agent-html (点击了解更多详细信息) HTML (点击了解更多详细信息)
使用方法
安装:
npm install -g @agent-html/ahtml
ahtml
SKILL:
npx skills add Sayhi-bzb/Agent-HTML --skill ahtml
Roadmap:
- 开发轻量 app,实现即时预览
- 为 cc 开发 hooks,实现交互式对话
- 从 request-response 走向 interact-interact
- 不再只是"提问 → 回复",而是直接对页面进行交互式问答
- 云端服务
GitHub - Sayhi-bzb/Agent-HTML: AI-friendly semantic HTML architecture for better...
AI-friendly semantic HTML architecture for better human-agent collaboration.Replacing long Markdown with stable, interactive artifacts.
agent-html
Replace long Markdown with stable, shareable HTML.
激情开发中,欢迎大佬提 commit ,共同探索交互式 agent 新范式产品,干翻A\
7 个帖子 - 6 位参与者