各种工具
我构建的各种 HTML+JavaScript 工具，几乎所有工具都是在大语言模型的帮助下完成的。
这个集合部分是一个实验，旨在探索在风险极低的项目中，仅通过提示就能完成多少工作。我使用的提示链接自每个工具的提交信息。它们中的大多数都使用了此处描述的自定义指令版本。
我本周用 Claude Artifacts 构建的所有内容描述了我是如何构建其中的许多工具的。
- 完全在浏览器中运行的 PDF 文件和图像的 OCR
- 渲染 Markdown 使用 GitHub Markdown API 将 Markdown 渲染为 HTML
- 带注释的演示文稿创建器 帮助将幻灯片转换为带注释的演示文稿
- 框阴影 CSS 生成器 使用交互式设置生成框阴影的 CSS
- 比较 PDF 提供两个 PDF 文件页面的可视化比较
- 图像大小调整和质量比较 使用多种不同的质量设置将图像转换为 JPEG，以便您可以选择仍然清晰可辨的最小文件大小（我是如何构建这个的）
- YouTube 缩略图 - 粘贴 YouTube 视频的 URL，获取该视频不同大小的缩略图图像的所有 URL
- SVG 转 JPEG/PNG - 将 SVG 文件转换为渲染的 JPEG 或 PNG（我是如何构建这个的）
- Jina 阅读器 - 使用 Jina 阅读器 API 将任何 URL 转换为可复制的 Markdown
- 提取 URL - 将网页的某个部分复制到剪贴板，将其粘贴到这里，并获取该部分所有链接 URL 的纯文本列表
- EXIF 数据查看器 - 查看图像的 EXIF 数据
- MDN 浏览器支持时间线 - 搜索 Web 功能并查看从 MDN 获取的浏览器支持时间线
- 时间戳转换器 - 在 Unix 时间戳和人类可读日期之间转换
- 时区 - 选择两个时区以查看比较它们未来 48 小时时间的表格
- 社交媒体裁剪器 - 打开或粘贴图像，将其裁剪为 2x1 并下载压缩的 JPEG 以用作社交媒体卡片
- 写作风格分析器 - 识别空洞词、被动语态、重复词 - 改编自 Matt Might 发布的这些 shell 脚本
- 标题导航 - 粘贴包含标题的 HTML 文档，每个标题都分配了一个唯一的 ID，然后该工具生成一个导航
<ul> - JSON 转 YAML - 将 JSON 转换为 YAML，显示不同样式的 YAML 输出
- YAML 资源管理器 - YAML 文件的嵌套层次结构资源管理器，可以从外部 URL 加载，并在工具的 URL 中持久保存其展开/折叠状态
LLM 游乐场和调试器
- 俳句 使用 Claude 3 Haiku 从您的相机生成俳句
- Chrome 提示游乐场 是一个 UI，用于通过 Google Chrome Canary 实验性 Gemini Nano LLM 运行提示并将结果保存在本地存储中
- Gemini API 图像边界框可视化工具 - 对返回边界框坐标的 Google Gemini 模型运行提示，并针对原始图像对其进行可视化，请参阅这篇文章 了解更多详细信息
- Claude 令牌计数器 - 计算 Claude 提示中的令牌数量
- OpenAI 音频输入 - 通过麦克风录制音频并将其发送到 OpenAI 的音频模型
- OpenAI 音频输出 - 对产生音频输出的 OpenAI 运行提示，并在浏览器中收听或下载它
其他
- Arena 动画 动画 LMSYS 聊天机器人竞技场的进程，灵感来自 Peter Gostev 的此可视化（通过 Reddit 上的 Time-Winter-4319）
- 加利福尼亚时钟更改 - 显示加利福尼亚州何时会因夏令时而更改时钟
- 显示 Bluesky 活动实时消防水带的 Bluesky WebSocket 消防水带，此处有描述
- Prompts.js 小型 JavaScript 库，支持
await Prompts.alert(\"hi\")和await Prompts.confirm(\"Continue?\")和await Prompts.prompt(\"Enter your name\")
在 Observable 上
在 Observable 上：
- 博客到新闻通讯 帮助我将博客转换为新闻通讯
- 每周笔记 帮助我写我的每周笔记
- 将 Claude JSON 转换为 Markdown 用于共享 Claude 对话记录
- 带有按最新排序的评论链接的 Hacker News 首页
原文
- tools.simonwillison.net