mcp

一款基于Node.js的Safari浏览器截图工具，支持高度自定义参数。

安装使用

复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：

帮我安装这个 AI Skill：mcp。
它的用途是：一款基于Node.js的Safari浏览器截图工具，支持高度自定义参数。
详细介绍见：https://321skill.com/skills/mcp-mcp-safari-screenshot/
请根据该页面的说明完成安装。

“帮我写一个Node.js脚本，使用safari-screenshot工具截取‘https://example.com’在iPhone 13 Pro视图下的首屏截图，并保存为PNG格式。”，它会生成一段包含必要参数配置的代码。或者，你可以直接运行安装好的命令行工具，指定URL和参数来快速获取截图。

这个Skill解决了开发者和内容创作者在特定场景下需要高质量、可编程控制的Safari浏览器截图需求。它通过Node.js脚本运行，允许用户指定URL、视口大小、设备类型、延迟、截图区域等多种参数，实现自动化截图。

使用方式通常是编写或运行一个Node.js脚本，调用该工具提供的函数，传入目标URL和所需的配置选项，即可生成并保存截图文件。它可以通过命令行直接调用，也可以集成到更大的自动化工作流中。

它非常适合需要定期、批量或根据特定条件（如响应式布局测试、生成页面快照报告）截取Safari浏览器画面的前端开发、测试工程师和内容创作者。对于需要在苹果生态下确保页面兼容性或生成宣传素材的团队尤其有用。

建议在macOS环境下使用，以确保与Safari的最佳兼容性。由于它依赖于无头Safari，请确保系统已安装相应版本的Safari浏览器。对于复杂的交互式页面截图，可能需要合理设置等待延迟以确保页面完全加载。

与通用的网页截图工具（如Puppeteer for Chrome）不同，它专门针对Safari浏览器进行优化和集成，能更好地处理Safari特有的渲染行为和兼容性问题。同时，它提供了细粒度的参数控制，如模拟特定iOS设备、设置精确的截图区域，更适合需要精准匹配Safari环境表现的场景。

该工具主要依赖并适用于macOS系统上的Safari浏览器，在Windows、Linux或其他浏览器环境下的使用会受到限制。

这个工具可以在Windows上使用吗？

不行，它主要依赖macOS系统的Safari浏览器，在其他操作系统上功能受限或无法使用。

它能截取需要登录的页面吗？

可以，但需要你在脚本中预先处理好登录状态（例如通过Cookie或会话管理），工具本身不处理认证流程。