用途：把 UI 截图匹配到代码库中已有的 Angular 组件，用于代码复用、定位页面渲染组件，以及刷新组件索引。
主要能力：基于视觉分析提取截图指纹（可见文本、布局模式、URL 路径、BEM 类名、应用识别）；在共享组件库、领域库和应用专属组件中检索匹配；输出组件文件路径、使用示例、置信度与 Mermaid 关系图；支持全量或增量重建组件索引。
使用方式：先读取 docs/component-index.json，缺失或过期时重建。全量扫描：python .claude/skills/visual-component-finder/scripts/build-component-index.py；增量（自上次提交）：加 --git-changes；指定分支：--git-changes main。随后用 Read 工具分析截图，按匹配算法中的 6 项布尔信号（S1-S6）计算置信度，信号过少时执行实时 Grep 回退。
适用场景：用户提供 UI 截图并希望找到或修改现有代码时使用；若意图是依据截图创建新 UI，应改用 design-screenshot；若只是描述设计，应改用 design-describe。附加到 bugfix/feature/refactor 提示时，本技能在 /scout 之前运行。
限制与要求：输出前须阅读 references/anti-hallucination-protocol.md 与 references/matching-algorithm.md；每条匹配须引用 file:line 证据，置信度低于 85% 时列出排序候选；创建新代码前须先检索 3 个以上相似模式。资料未提供具体收费、平台支持范围与效果保证。