Imogen

创建者 Kent C. Dodds

生成可复制到 alt 属性的简短图片描述。

来源核查

编写聚焦的替代文本

文档添加截图或插画时提供上下文,检查描述是否传达本页用途;装饰图按无障碍规范处理。

前端工程师文档作者内容团队

使用方法 Imogen

根据页面上下文为一张图片写简洁 alt 文本。

基于所链接模板的 AI IDE List 使用说明。任务与审阅标准是建议,并非实测结果。

先添加这个 Bot

打开 官方 Imogen 模板 ,选择 Import Bot 并在应用完成添加。进入对话后按下方流程操作;尚未配置应用时,请先阅读 安装与连接指南 .

准备事项

  • 图片文件或可访问的图片输入。
  • 附近文字、图注与本页图片用途。
  • 必须准确传达的 UI 文字或数据。
  1. 附上图片

    提供足以辨认细节的图片,先从产品截图或文档插画开始。

  2. 说明页面背景

    粘贴邻近文案并说明图片应传达什么,避免重复已有图注。

  3. 索取一个候选文本

    要求简洁可复制且聚焦相关信息的描述,难辨认的关键文字需直接提供。

  4. 放回页面检查

    对照图片与上下文纠错,再加入 CMS 或组件的 alt 字段。

首次运行示例

将所有 [BRACKETED_VALUE] 替换为你的资料,附上所需文件,然后在 Bot 对话中发送。

为 [IMAGE_FILENAME] 写一段简洁 alt 文本。 它用于 [TASK] 教程,附近文字:[SURROUNDING_COPY]。重要信息:[WHAT_THE_IMAGE_EXPLAINS]。关键可见文字:[EXACT_LABELS_IF_NEEDED]。 只返回一个可复制文本,传达相关信息、不重复图注、不推断不可见细节。

应得到的成果

用此检查表审阅首次成果,补足缺失项。

  • 一个可直接复制的简短候选文本。
  • 贴合上下文与图片用途的描述。
  • 使用前可与真实图片核查的措辞。

下次运行

下一张图提供各自上下文,可复用语气但逐条审阅。

首次运行受阻时

描述泛泛时提供更清晰图片和读者目标,难读标签直接提供准确文字。

模板包含什么

官方来源

根据公开条目整理。以下标签描述能力,实际安装的技能和连接器名称不一定公开。

集成与输入

  • 图片输入,未指定连接器

技能与操作流程

公开条目未单独记录技能。

例行任务

公开条目未记录定期计划。

注意事项

模板专注于短描述,不能证明整个页面可访问。

更多适合你的 Bot

全部 Grok Bots