MCP server ảnh chụp màn hình cho App Store
Để Claude Code, Codex hoặc Gemini CLI thiết kế ảnh chụp cửa hàng ứng dụng của bạn. Agent tạo dự án có thể chỉnh sửa, xem lại trong trình duyệt rồi trao bạn liên kết để xuất.
https://appscreenshots.net/api/mcpThêm bằng một lệnh. Đã bao gồm trong gói miễn phí và trả phí.
MCP là gì?
MCP server ảnh chụp App Store là gì?
AppScreenshots vận hành một MCP server (Model Context Protocol) được lưu trữ tại https://appscreenshots.net/api/mcp, cho phép các công cụ AI như Claude Code, Codex và Gemini CLI tạo, chỉnh sửa và xem lại các dự án ảnh chụp cửa hàng ứng dụng trong tài khoản của bạn — với đăng nhập OAuth trên trình duyệt và không cần API key.
Thiết kế và nội dung do AI agent của bạn đảm nhiệm. MCP server lưu các dự án thật, có thể chỉnh sửa: mẫu, mockup thiết bị, tiêu đề và nền trở thành dự án bạn có thể tinh chỉnh từng khung hình.
Xem trước và xuất file vẫn nằm ở trình chỉnh sửa web, nên không có gì được xuất bản trước khi qua mắt bạn.
Dàn dựng ảnh marketing, chứ không chỉ chụp màn hình
Server này dàn dựng
Nó dựng ảnh marketing sẵn sàng cho cửa hàng — mockup thiết bị, tiêu đề, gradient và nội dung bản địa hóa — thành các dự án có thể chỉnh sửa từ mẫu và tài nguyên được cấp quyền của bạn.
Công cụ capture làm việc khác
Các công cụ như simctl hay fastlane snapshot chụp lại những gì đang hiển thị trên màn hình thiết bị. Dùng chúng để có ảnh gốc, rồi tải ảnh lên đây làm tài nguyên.
Bắt đầu
Kết nối công cụ AI bằng một lệnh
Thêm điểm cuối bên dưới vào ứng dụng của bạn, rồi hoàn tất đăng nhập trên trình duyệt để cấp quyền. Mọi ứng dụng trên trang này đều hỗ trợ Streamable HTTP và OAuth.
Claude Code
claude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpclaude mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpSau đó: Chạy /mcp trong Claude Code và cấp quyền cho AppScreenshots trên trình duyệt.
Hoặc gộp tệp cấu hình
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}Codex
codex mcp add appscreenshots --url https://appscreenshots.net/api/mcpcodex mcp add appscreenshots --url https://appscreenshots.net/api/mcpSau đó: Chạy codex mcp login appscreenshots để mở đăng nhập trên trình duyệt.
Hoặc gộp tệp cấu hình
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"Gemini CLI
gemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpgemini mcp add --transport http --scope user appscreenshots https://appscreenshots.net/api/mcpSau đó: Trong Gemini CLI, chạy /mcp auth appscreenshots.
Hoặc gộp tệp cấu hình
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}Kimi Code
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpSau đó: Mở /mcp-config trong Kimi Code, thêm HTTP server ở trên rồi chạy /mcp-config login appscreenshots. Khởi động lại phiên sau khi lưu.
Hoặc gộp tệp cấu hình
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}ZCode
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpSau đó: Gộp cấu hình vào ~/.zcode/cli/config.json dưới mcp.servers, hoặc thêm HTTP service trong Settings → MCP. Khởi động lại phiên và hoàn tất đăng nhập OAuth khi nó xuất hiện.
Hoặc gộp tệp cấu hình
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}ChatGPT
https://appscreenshots.net/api/mcphttps://appscreenshots.net/api/mcpSau đó: Dùng mục kết nối MCP tùy chỉnh của tài khoản hoặc workspace với điểm cuối ở trên và OAuth. Tính khả dụng phụ thuộc vào cài đặt workspace.
Thích tệp cấu hình có sẵn để copy và một Skill tùy chọn?
Bộ kết nối công khai trên GitHub có sẵn tệp cấu hình cho mọi ứng dụng phía trên, một Skill tùy chọn dạy quy trình làm việc, và lệnh doctor kiểm tra server từ terminal.
Xem appscreenshots-mcp trên GitHubCông cụ
Chín công cụ agent của bạn có thể gọi
Công cụ đọc kiểm tra quyền, mẫu, dự án và tài nguyên. Công cụ ghi tạo dự án và áp dụng chỉnh sửa có cấu trúc, được kiểm soát phiên bản.
Công cụ đọc
| Công cụ | Chức năng |
|---|---|
get_capabilities | Đọc quyền hạn, giới hạn thiết kế, thiết bị và chế độ xem trước/xuất |
search_templates | Tìm kiếm siêu dữ liệu mẫu công khai |
get_template | Đọc một mẫu bạn có quyền dùng |
list_projects | Liệt kê dự án được cấp quyền, 25 mỗi trang |
get_project | Đọc phiên bản hiện tại của dự án và thiết kế có thể chỉnh sửa |
get_project_preview | Lấy liên kết trình chỉnh sửa, phiên bản, trang và hướng dẫn xem lại trên trình duyệt |
list_assets | Liệt kê tài nguyên được chia sẻ và tài nguyên trong dự án được cấp quyền |
Công cụ ghi
| Công cụ | Chức năng |
|---|---|
create_project | Tạo dự án từ mẫu hoặc canvas trống |
update_project | Áp dụng chỉnh sửa có cấu trúc với bảo vệ phiên bản và idempotency |
Cách hoạt động
Từ prompt đến ảnh sẵn sàng cho cửa hàng
Vòng lặp mặc định mà mọi agent đã kết nối đều có thể làm theo.
- 1
Kết nối và cấp quyền
Thêm MCP server vào ứng dụng và đăng nhập bằng tài khoản AppScreenshots. Ở trang đồng ý, chọn dự án và tài nguyên công cụ được dùng, cùng việc nó có được tạo dự án hay không.
- 2
Mô tả nhu cầu
Yêu cầu một bộ ảnh bằng ngôn ngữ tự nhiên. Agent đọc quyền hạn, tìm mẫu và tạo dự án có thể chỉnh sửa.
- 3
Xem lại trên trình duyệt
Công cụ xem trước trả về liên kết trình chỉnh sửa. Agent có công cụ trình duyệt sẽ mở nó, kiểm tra ảnh và sửa lỗi hiển thị qua MCP.
- 4
Lặp lại đến khi xong
Mỗi lần ghi đều được bảo vệ phiên bản và idempotency, nên bạn có thể bản địa hóa, đổi thiết bị hay đổi phong cách chỉ bằng lời yêu cầu mà không làm hỏng khung cũ.
- 5
Xuất trong trình chỉnh sửa
Mở cùng dự án trong trình chỉnh sửa web và xuất ảnh sẵn sàng cho cửa hàng. Xem trước và xuất luôn nằm trong tay bạn.
Tạo một dự án ảnh chụp App Store tiếng Anh từ mẫu có sẵn, dùng các tài nguyên đã được cấp quyền của tôi. Dùng tiêu đề ngắn và bố cục gọn gàng. Mở trình chỉnh sửa bằng công cụ trình duyệt có sẵn, kiểm tra ảnh chụp và sửa các lỗi hiển thị, rồi đưa tôi liên kết dự án để xuất trên web.
Ví dụ
Bạn có thể yêu cầu gì
Dự án vẫn có thể chỉnh sửa, nên các yêu cầu tiếp theo rất rẻ.
Bản địa hóa cả bộ
“Nhân bản các khung hiện tại sang tiếng Nhật và tiếng Đức. Giữ bố cục, dịch tiêu đề, và giữ độ dài bản dịch trong vòng 20% so với bản tiếng Anh.”
Đổi thiết bị
“Đổi mockup thiết bị sang model Pro Max lớn hơn và chỉnh gradient nền để bố cục vẫn cân đối.”
Đổi phong cách bằng một câu
“Đổi khung thứ hai sang nền tối, chuyển tiêu đề lên phần ba trên cùng, và dùng màu nhấn phụ cho phần chú thích.”
Bảo mật và giới hạn
Bạn luôn nắm quyền kiểm soát
Quyền truy cập MCP có phạm vi rõ ràng, có thể theo dõi và thu hồi bất cứ lúc nào.
- Xác thực
- OAuth 2.1 với PKCE, đăng nhập qua trình duyệt — không lưu API key hay mật khẩu trong ứng dụng
- Đồng ý theo từng dự án
- Mỗi công cụ chỉ thấy các dự án và tài nguyên bạn chọn; mọi thứ khác đều vô hình với nó
- Thu hồi bất cứ lúc nào
- Settings → Connected AI tools thu hồi kết nối tức thì — access token và refresh token ngừng hoạt động ngay lập tức
- Thời hạn token
- Token truy cập và refresh token đều hiệu lực 30 ngày
- Giới hạn tốc độ
- 60 lượt gọi MCP mỗi phút trên gói miễn phí, 120 mỗi phút trên gói trả phí
- Giới hạn dự án
- Tối đa 20 khung mỗi dự án và 100 phần tử mỗi khung; kích thước canvas từ 100 đến 5000 px
- Giá
- Không tính thêm phí — quyền hạn, mẫu và giới hạn xuất của gói hiện tại vẫn áp dụng
Câu hỏi thường gặp
Câu hỏi thường gặp về MCP server
Những điều nhà phát triển hỏi trước khi kết nối công cụ AI.
Để agent của bạn hoàn thành trang cửa hàng tiếp theo
Thêm AppScreenshots MCP server vào công cụ AI của bạn và biến một prompt thành dự án ảnh chụp có thể chỉnh sửa, sẵn sàng cho cửa hàng.