Simon Willison 用 Claude Code 构建可分享链接的 LaTeX 渲染器

工具 LaTeX renderer — LaTeX renderer 将 LaTeX 源码转换为渲染视图，既可以是由 MathJax 排版的单个展示公式，也可以是由 faster-latex 排版的完整文档或正文片段，编辑器旁带有实时预览，工具栏可在 Edit 与 Rendered 视图之间切换。源码可以手动输入、从 URL 或 GitHub Gist 加载，或从内置示例中选取，页面会将 LaTeX 保留在 URL fragment 中，从而可以分享为可读链接或压缩链接。

受 Paul Ford 和 Aboard Foundary 的新网页应用 Tiny Little Office 启发，该应用提供一套网页应用内容编辑器（文字处理器、大纲编辑器、演示文稿制作器、电子表格、计算器、绘图工具、图表制作器、动画制作器、日历和行程规划器）。

Tiny Little Office 的招牌技巧是把全部文档数据存储在 URL 的 #fragment 部分，因此用它创建的每份文档都会变成可收藏、可分享的链接。

它还有 一个 llms.txt 文件，告诉智能体如何构造会渲染为文档的 URL。Claude 使用了该文件 来生成 这个指向演示文稿的链接，用以说明 URL 格式的工作方式：

Tiny Little Office 启发我 让 Claude Code（Opus 5.5 Extra）构建一个适用于 LaTeX 的类似工具。以下是我使用的提示词序列：

I want a tool where you can link to it with a fragment hash #code-here and it treats that code as LaTeX and renders it really effectively. It should also support a prefix which means the latex is compressed with a custom compression dictionary optimized for latex. Use the best available latex render library from a CDN (consider WebAssembly too). If loaded without a fragment hash show an editor you can paste latex into and then toggle to a "rendered" view. That rendered view should be bookmarkable. The #fragment view should let you switch to edit source too.

由于它是在 我的 tools 仓库 中进行的，我让它借鉴我现有的 SVG in Markdown 工具 所使用的 <iframe sandbox="..."> 机制，以防范 XSS 风险：

Safe from XSS? We could run in an iframe sandbox like we do on the SVG markdown render project

我还让它从那个工具复制了 Gist/URL 加载功能：

We should have an option to load latex from a URL (or gist) similar to the markdown SVG tool

这是 一个示例链接。该工具使用 Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1 和 DOMPurify 3.4.16。