SuperAPI AI 工具集

screenshots

通用与其它

查看项目

更新于 10-16 01:26

技能介绍

用途:为应用生成面向营销的高质量截图,使用 Playwright 直接捕获,采用 deviceScaleFactor: 2 实现真实 2x retina 分辨率。

前提:需要安装 Playwright,可用 npx playwright --version 2>/dev/null || npm ls playwright 2>/dev/null | grep playwright 检查;缺失时提示使用 npm install -D playwright 或 npm install -D @playwright/test 安装。

主要流程:1) 确定应用 URL,可传入参数或通过问询获得,常见默认地址为 http://localhost:3000、http://localhost:5173、http://localhost:4000、http://localhost:8080;2) 通过问询收集截图数量(3-5、5-10、10+)、用途(Product Hunt、社交媒体、落地页、文档)与认证需求,如需登录则询问登录页 URL、邮箱/用户名和密码;3) 分析代码库,先读 README、CHANGELOG、docs/,再按框架读取路由配置(Next.js、Rails、React Router、Vue Router、SvelteKit、Remix、Laravel、Django、Express 等),识别仪表盘、表单、图表、弹窗、导航、设置等可截图组件,并整理功能清单交用户确认;4) mkdir -p screenshots;5) 生成并运行 Node.js Playwright 脚本,脚本设置 viewport 1440x900、deviceScaleFactor: 2(输出 2880x1800 图像),支持智能登录定位、逐页导航与截图,运行 node screenshot-script.mjs 后可用 rm screenshot-script.mjs 清理;6) 支持元素聚焦截图、整页截图(fullPage: true)、等待动画、截图前点击、深色模式(colorScheme: 'dark')等高级选项;7) 文件名采用带数字前缀的 kebab-case;8) 用 ls 与 sips/file 验证尺寸并汇总。

限制:需本地有可访问的应用与 Playwright;登录页字段非常规时智能定位可能失败,需分析 HTML 自定义选择器;页面加载失败需检查开发服务器;元素找不到需核对 CSS 选择器。具体收费、价格与平台信息暂未提供。