用途：该技能用 Playwright 直接为应用生成营销质量的截图，输出以 deviceScaleFactor: 2 捕获的真 HiDPI（2x 视网膜）分辨率图片。适用场景包括用户需要为 Product Hunt、社交媒体、落地页或文档制作截图，或明确要求营销级应用截图时。
前置条件：需可用 Playwright。可用 npx playwright --version 2>/dev/null || npm ls playwright 2>/dev/null | grep playwright 检查；若未安装，提示用户执行 npm install -D playwright 或 npm install -D @playwright/test。
主要流程：先确定应用 URL（未提供时可查看 package.json 脚本判断是否有开发服务器，并通过提问获取 URL；常见默认地址如 http://localhost:3000、http://localhost:5173、http://localhost:4000、http://localhost:8080）。随后收集需求：截图数量（3-5、5-10、10+）、用途（Product Hunt、社交媒体、落地页、文档）、是否需要登录。若需登录，进一步询问登录页 URL、邮箱/用户名和密码，脚本会用 Playwright 智能定位器自动识别登录表单字段。
能力：通过阅读 README、CHANGELOG、docs 及各类路由配置（Next.js、Rails、React Router、Vue Router、SvelteKit、Remix、Laravel、Django、Express 等）分析代码库，识别可截图的关键功能、组件与营销素材，形成包含功能名、URL 路径、CSS 选择器与所需 UI 状态的功能清单，并与用户确认。创建 screenshots 目录后，生成并执行 Node.js Playwright 脚本，视口 1440x900 配合 deviceScaleFactor: 2 得到 2880x1800 像素图片。
高级选项：可对特定元素截图、整页截图、等待动画、点击元素以捕获模态框或悬停状态，以及通过 colorScheme: 'dark' 生成暗色模式截图。文件采用带数字前缀的描述性 kebab-case 命名，如 01-dashboard-overview.png。完成后用 ls 与 sips（或 file）校验尺寸，并汇总文件路径、分辨率与体积。
限制与错误处理：Playwright 缺失时建议安装；页面未加载时检查开发服务器；智能定位器可能无法适配异常登录表单，需分析登录页 HTML 并自定义选择器；元素未找到时校验选择器或改截整页；截图失败时检查磁盘空间与写入权限。原文未提供具体定价、平台兼容范围或性能指标等信息。