连接 AI 工具

当前部署启用 MCP 后，可在兼容的 AI 工具中添加以下服务地址：

https://appscreenshots.net/api/mcp

选择 HTTP / Streamable HTTP 和 OAuth，在浏览器中登录 AppScreenshots，选择允许访问的项目和素材，并决定是否允许创建新项目。不需要提供数据库权限或 API 密钥。

准备素材并开始制作

先在网站编辑器上传原始截图，再授权该项目或在授权页勾选单独的素材。MCP 不直接上传文件；聊天里的附件不会自动变成 MCP 服务可读取的文件。

可以这样提出需求：

设计和文案由 AI 工具生成，MCP 保存可编辑项目。AI 可调用 get_project_preview 获取项目链接和检查指引，再使用客户端已有的浏览器工具截图检查，通过 MCP 修改并重新打开项目复查。这个工具只提供指引，不生成图片，也不会为客户端安装浏览器能力。

MCP 授权与网站浏览器登录是两回事；必要时请在浏览器里登录。重新加载编辑器前，应保存或解决未保存的修改，避免用旧页面覆盖新版本。完成后，你在网站编辑器预览和导出 PNG/JPEG，批量导出仍受套餐权益控制。

管理授权和额度

在 设置 → Connected AI tools（已连接的 AI 工具） 中调整项目、素材范围或撤销连接。AI 工具不能访问未授权的项目。网站与 AI 同时修改项目时，版本冲突会阻止覆盖；请读取最新版本后再修改。

浏览器检查流程不需要 Browserless 或后台渲染队列。MCP 只提供项目操作与预览指引，不提供云端渲染工具。项目数量、付费模板、自定义字体和批量导出权益仍然生效。首版不开放站内 AI 生图、购买、删除或应用商店发布。

客户端差异

Claude Code、Codex、Gemini CLI、智谱 Z Code 和 Kimi Code 的配置格式不同，请在当前版本的 HTTP / OAuth 接入入口填写服务地址。ChatGPT 需要账号或工作区具备自定义连接入口，或使用另行发布的集成；不能假设所有账号都有这一入口。

客户端需要支持 Streamable HTTP 和浏览器授权。上传文件、操作浏览器和检查截图取决于客户端能力。不支持时，AI 应提供项目链接并明确视觉检查尚未完成，由你打开网站检查或提供截图。