用途：该技能提供自动化工作流，在多个视口尺寸下截取网页截图，用于响应式设计验证、视觉回归测试基线、设计评审文档以及媒体查询和 CSS 断点调试。
主要能力：按标准或自定义断点调整浏览器窗口尺寸；等待布局稳定后截取全页截图；以 {页面名}-{断点}.png 规则命名文件；支持多页面批量截图；可选生成 Markdown 对比报告，包含时间戳、URL、尺寸和布局说明。默认标准断点为移动端 375×667、平板 768×1024、桌面 1920×1080。
使用方式：通过 Playwright MCP 工具执行。基本流程为 browser_navigate 打开目标 URL，对每个断点依次调用 browser_resize 调整尺寸、browser_wait_for 等待至少 1 秒、browser_take_screenshot 并设置 fullPage: true 截取全页。自定义断点支持 "414x896" 等格式，尺寸需在宽 200-3840、高 200-2160 范围内。多页面时每页导航一次，在断点循环内调整尺寸和截图，避免重复导航。
适用场景：响应式布局验证、多设备截图、设计系统断点检查、视觉回归测试准备、布局在特定宽度下断裂的调试。
限制与要求：需安装并配置 Playwright 浏览器及 MCP 工具；输出目录需写权限和足够磁盘空间（桌面截图约 1-2MB）；需能访问目标 URL 且网络稳定。截图后必须等待布局稳定，否则可能截取到未完成渲染的页面。页面加载失败时应先验证 URL 可访问性。性能方面，静态页面可等待 500ms，标准 1 秒，单页应用建议 2-3 秒。UI 截图建议用 PNG，照片可用 JPEG。
其他细节：资料未提供具体收费、价格或平台限制信息。