用途：这是前端清单（front-end-checklist）中的一条图片规则技能，用于审查与 <picture> 元素配合 <img> 后备方案相关的图片资源、标记及 CDN 或构建转换配置。当出现图片资产、标记或交付配置相关检查时可使用。
主要能力：检查代码库中所有 <picture> 元素是否满足以下条件：1）每个 <picture> 的最后一个子元素必须是 <img>，它既是必需后备，也承载 alt；2）<img> 必须有 alt 属性；3）<img> 必须有 width 和 height 属性；4）<source> 元素须出现在 <img> 子元素之前；5）每个 <source> 须有 srcset 或 media 属性；6）用于选择格式的 <source> 须带 type 属性，如 type="image/avif"、type="image/webp"。若 <picture> 缺少 <img> 子元素，或 <img> 不在最后，应被标记。
使用方式：按检查项逐条扫描；对问题元素给出修复：补充 <img> 作为最后子元素、将 <img> 移到所有 <source> 之后、为格式选择的 <source> 添加 type、确认 <img src> 指向 JPEG 或 PNG 这类通用后备格式并展示修正后的标记。也需解释 <picture> 的工作机制：浏览器按文档顺序评估 <source>，使用第一个条件（type、media、srcset）匹配者；<img> 是不支持 <picture>（如 IE11）或不支持任何 <source> 格式时的后备；无 <img> 的 <picture> 是无效 HTML 且不产生输出；alt 必须写在 <img> 上而非 <source> 上。
适用场景：图片资产审查、图片标记检查、CDN 或构建转换相关配置的代码审查，需指出具体违规文件或组件，并说明如何在 DevTools 中确认修复。
限制：资料未提供该技能的具体安装命令、收费、平台或版本兼容范围；完整实现细节、代码示例与框架专属指引见 references/rule.md，规则页为 https://frontendchecklist.io/en/rules/images/picture-element。