Simon Willison 的智能体工程提示模板

这部分指南会持续更新我日常使用的提示模板，并在其他章节适当引用。

用 Artifacts 快速原型

我经常用 Claude 的 Artifacts 功能来快速原型化，构建小型 HTML 工具。Artifacts 是指常规 Claude 聊天直接在界面内用 HTML 和 JavaScript 构建应用并显示。OpenAI 和 Gemini 也有类似功能，它们都叫 Canvas。

模型喜欢用 React 做这些。但我不喜欢 React 需要额外构建步骤，这会让我无法直接从 Artifacts 复制代码粘贴到其他静态托管环境。所以我在 Claude 里创建 Artifacts 时，会用一个带以下自定义指令的项目：

[自定义指令示例：构建纯 HTML/JS 原型]

博客文本校对

我不让 LLM 代写博客文本。我的底线是：任何表达观点或用“我”代词的文字，必须由我亲自写。我会允许 LLM 更新代码文档，但如果内容挂了我的名字和个性，那就得自己动手。

但我确实用 LLM 来校对要发布的文本。这是我目前在 Claude 项目中用作自定义指令的校对提示：

[自定义指令示例：文本校对提示]

图像替代文本生成

我用这个提示配合图像，来辅助撰写无障碍访问的替代文本初稿。

我通常用 Claude Opus 做这个，因为它对替代文本的品味极好。它常会自己做编辑决策，比如只突出图表里最有趣的数字。

这些决策不一定总是对的。替代文本应该表达图像传达的关键含义。我常会编辑这个提示生成的文本，或者进一步提示它扩展某些描述、删掉无关信息。

有时我会在同一个对话里传多张图，都用这个提示驱动，这样模型描述后续图像时，可以引用第一张图已传达的信息。