這是一個我在過去幾年中，對150個不同的單文件HTML工具進行氛圍編碼後發現的有用模式的集合

在這裡所說的「模式」是指像是訪問啟用 CORS 的 API、使用 localStorage 和 URL 來儲存狀態、從 CDN 加載依賴項，以及充分利用豐富的複製和粘貼功能，無論是對於您構建的工具的輸入還是輸出。

我最近的 HTML 工具是這個，用於從 Python 包裝索引加載代碼並顯示兩個版本之間的差異 - 所有操作完全在瀏覽器中進行，使用這個提示創建（這是對之前項目的重新混合）

我這樣做是因為現在如果一個 Python 套件沒有好的發佈說明，我可以點擊 "copy diff"，然後粘貼到 Claude/ChatGPT/Gemini 中，幾秒鐘後就能獲得真正有用的發佈說明。 甚至不需要添加提示，這些模型會猜測你想要的就是這個 diff 的內容。