Effective HTML

Effective HTML 是 Plannotator 出品的一组 Skill，仓库说明写的是 "Focused agent skills for creating useful, self-contained HTML artifacts"，意思是让 AI 代理做出实用、自成一体的 HTML 成果。一套 6 个 Skill，分别负责通用 HTML、设计稿、线框图、可点击原型、计划文档和系统图。AI 会把成果写成一个本地网页文件，你在浏览器里打开就能看、能点，不用另外搭网站。官方另有一份公开指南 effectivehtml.com，不安装也能免费读，里面有示例和每个 Skill 的用法。

适合谁：用 AI 编程助手做产品原型、画流程图或写方案，想要一份打开就能看的成果的人；不写代码的读者也能先读那份指南找思路。

使用前提：需要能读取 Skill 的 AI 工具，可以用 npx skills add plannotator/effective-html 安装，或者装 Claude、Codex 的插件。许可证是 MIT。默认只在你电脑上生成网页文件；只有在你明确同意后，它才会安装 tot 工具，把网页发布到 tot.page 的公开链接。生成的网页如果引用了外部图片或字体，打开时仍会联网，这些素材也不在 MIT 授权范围内。文档为英文，用中文给它布置任务的效果没有核实。

以上根据项目公开说明整理，本站没有实际测试。