这是我在过去几年中对150个不同的单文件HTML工具进行氛围编码后发现的一些有用模式的集合。

在这里我所说的“模式”是指像访问支持CORS的API、使用localStorage和URL来存储状态、从CDN加载依赖项，以及充分利用丰富的复制和粘贴功能来进行输入和输出到你构建的工具等事情。

我最近的 HTML 工具是这个，用于从 Python 包索引加载代码并显示两个版本之间的差异 - 所有操作完全在浏览器中运行，使用这个提示创建（它重新混合了一个之前的项目）

我这样做是因为现在如果一个 Python 包没有好的发布说明，我可以点击 "复制差异"，然后粘贴到 Claude/ChatGPT/Gemini 中，几秒钟后就能得到真正有用的发布说明。 甚至不需要添加提示，这些模型会猜测你想要的就是这个差异的内容。