Imogen
创建者 Kent C. Dodds
生成可复制到 alt 属性的简短图片描述。
来源核查
编写聚焦的替代文本
文档添加截图或插画时提供上下文,检查描述是否传达本页用途;装饰图按无障碍规范处理。
前端工程师文档作者内容团队
使用方法 Imogen
根据页面上下文为一张图片写简洁 alt 文本。
基于所链接模板的 AI IDE List 使用说明。任务与审阅标准是建议,并非实测结果。
先添加这个 Bot
打开 官方 Imogen 模板 ,选择 Import Bot 并在应用完成添加。进入对话后按下方流程操作;尚未配置应用时,请先阅读 安装与连接指南 .
准备事项
- 图片文件或可访问的图片输入。
- 附近文字、图注与本页图片用途。
- 必须准确传达的 UI 文字或数据。
附上图片
提供足以辨认细节的图片,先从产品截图或文档插画开始。
说明页面背景
粘贴邻近文案并说明图片应传达什么,避免重复已有图注。
索取一个候选文本
要求简洁可复制且聚焦相关信息的描述,难辨认的关键文字需直接提供。
放回页面检查
对照图片与上下文纠错,再加入 CMS 或组件的 alt 字段。
首次运行示例
将所有 [BRACKETED_VALUE] 替换为你的资料,附上所需文件,然后在 Bot 对话中发送。
为 [IMAGE_FILENAME] 写一段简洁 alt 文本。 它用于 [TASK] 教程,附近文字:[SURROUNDING_COPY]。重要信息:[WHAT_THE_IMAGE_EXPLAINS]。关键可见文字:[EXACT_LABELS_IF_NEEDED]。 只返回一个可复制文本,传达相关信息、不重复图注、不推断不可见细节。
应得到的成果
用此检查表审阅首次成果,补足缺失项。
- 一个可直接复制的简短候选文本。
- 贴合上下文与图片用途的描述。
- 使用前可与真实图片核查的措辞。
下次运行
下一张图提供各自上下文,可复用语气但逐条审阅。
首次运行受阻时
描述泛泛时提供更清晰图片和读者目标,难读标签直接提供准确文字。
模板包含什么
官方来源根据公开条目整理。以下标签描述能力,实际安装的技能和连接器名称不一定公开。
集成与输入
- 图片输入,未指定连接器
技能与操作流程
公开条目未单独记录技能。
例行任务
公开条目未记录定期计划。
注意事项
模板专注于短描述,不能证明整个页面可访问。