Useful patterns for building HTML tools
5 months ago
- #JavaScript
- #HTML
- #LLMs
- HTML工具将HTML、JavaScript和CSS整合在单一文件中，实现实用功能。
- 过去一年构建了150多个HTML工具，主要由大语言模型编写。
- 典型示例包括svg-render（SVG渲染器）、pypi-changelog（PyPI更新日志）和bluesky-thread（Bluesky线程）。
- 工具托管于tools.simonwillison.net，GitHub上提供源代码链接。
- 核心模式：单文件架构、无React框架、CDN依赖、轻量化设计。
- 使用ChatGPT、Claude和Gemini等LLM平台进行原型开发。
- 通过编码代理处理复杂项目及调试工具。
- 利用URL参数和localStorage持久化存储敏感数据或复杂状态。
- 结合CORS-enabled API和WebAssembly实现高级功能。
- 复用既有工具并记录提示词/对话日志确保可复现性。