用途：当用户提供网站截图或设计稿，或要求从视觉参考生成实现规格（如 SPEC.md）时使用；也可用于从图片中提取设计系统（颜色、字体、间距）和整理组件清单。
主要能力：分析截图的整体页面结构、网格与栏宽、字体体系（字体族、各文本层级字号、字重、行高、字距、文字颜色与对比度）、配色（品牌色、强调色、背景、文字、边框、状态色，尽量给出 hex/rgb 近似值）、间距体系（区块外边距、组件内边距、flex/grid 间隙与统一间距刻度）、组件清单（按钮、表单、卡片、导航、图标、徽章、弹层、列表与表格）、视觉细节（圆角、阴影、边框、渐变、透明度）、图片与媒体（位置、尺寸、比例、图标集、Logo）、可辨识的交互与状态、可见断点的响应式行为、以及无障碍观察（对比度、标题层级、点击区域、可读性）。
使用方式：先确认对话中已有截图，没有则先索取；然后对全部截图做上述多维度分析；将规格写入当前目录的 ./SPEC.md，结构包含概述、布局架构、排版、色彩系统、间距系统、组件清单、图片资源、响应式行为、交互状态、实现注意事项、待确认问题与后续步骤；最后给出简洁总结（布局、组件数量、配色数量、字体层级、间距刻度、待准备资源与技术建议）。支持多张截图综合分析，分辨率越高测量越准。
限制：所有尺寸与颜色均为近似值，需在实现时核对；对静态图无法判断的状态和行为应明确标注；重复运行会覆盖已有 SPEC.md；资料未提供具体命令、安装方式与价格信息。