给编码智能体用的 HTML 技能，专门生成简洁的架构图、计划页和视觉文档。 effective-html 是一套给智能体用的 HTML 技能，专门做自包含的、好看的 HTML 交付物。三个子技能：html 做通用页面，html-diagram 做全屏架构图和系统图（SVG 优先），html-plan 做计划页。

这个图太硬核复杂了，感觉不够清晰好看，看看这个

感谢支持！HTML Canvas 支持也快来了 👀

这思路有意思，让AI直接输出可读性强的HTML交付物，比写markdown再转格式省事多了。

对的

Agents that can produce clean visual docs on their own is a big deal. How well does it handle complex multi-layer diagrams without breaking the layout?

架构图自动生成这块确实需要。我在项目里用过类似的，SVG 优先的方案比 canvas 好维护多了。

and publish on with agent identity, great for sharing with other agents.

html as a universal output format for agents is underrated. no dependencies, runs everywhere, and you can style it however you want

这个思路挺有意思啊，刚好最近写编码智能体总愁输出不好看。这个专门给智能体做的HTML技能能直接生成架构图和计划页，刚好省了自己折腾排版画图的功夫，我得去github克隆下来试试效果。

html做架构图确实打开了思路。之前还在纠结让AI用mermaid或者planuml画的更好

智能体专用HTML技能，三合一交付架构图、计划页与视觉文档。

整个流程很清晰啊，收藏了

html

架构图生成自动化，省去设计师画图时间。SVG 优先策略很聪明。