screenshots

Screenshots - 使用 Playwright 生成应用营销截图

技能概述

Screenshots 是一个基于 Playwright 的自动化截图工具，可以快速生成高质量的应用营销截图，适用于 Product Hunt 上线、社交媒体推广、落地页展示和技术文档制作等场景。

适用场景

Product Hunt 上线准备：自动生成符合平台规范的 hero shots 和功能亮点截图

社交媒体推广：为 Twitter、LinkedIn 等平台创建吸睛的产品演示图

落地页和文档：批量生成营销页面所需的产品展示图和技术文档配图

核心功能

真正的 Retina 级截图：使用 deviceScaleFactor: 2 生成 2x 高清截图，在 1440x900 视口下可输出 2880x1800 像素图片

智能登录处理：自动识别常见登录表单字段，支持需要认证的应用截图

灵活的截图选项：支持全页截图、元素聚焦截图、深色模式变体等多种截图方式

常见问题

Playwright 如何生成高质量截图？

Playwright 通过设置 deviceScaleFactor: 2 参数可以生成真正的 Retina 级高清截图。推荐的视口配置是 1440x900，这样输出的图片分辨率为 2880x1800 像素，完全满足营销素材的质量要求。

Product Hunt 需要准备哪些截图？

Product Hunt 通常需要 3-5 张产品截图，包括：1 张主页/仪表盘 overview 图，2-3 张核心功能展示图，以及 1 张特色亮点图。建议使用 2x 分辨率截图，并确保使用演示数据让界面内容更真实。

支持需要登录的应用截图吗？

支持。Screenshots 技能内置了智能登录功能，可以自动识别常见的邮箱、密码和提交按钮字段。你只需要提供登录页面 URL 和凭证，脚本会自动完成登录流程后再进行截图。