Để 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ì?
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.
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á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
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 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.
{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}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.
[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"[mcp_servers.appscreenshots]
url = "https://appscreenshots.net/api/mcp"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.
{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}{
"mcpServers": {
"appscreenshots": {
"httpUrl": "https://appscreenshots.net/api/mcp",
"oauth": {
"enabled": true
}
}
}
}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.
{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}{
"mcpServers": {
"appscreenshots": {
"url": "https://appscreenshots.net/api/mcp"
}
}
}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.
{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}{
"mcp": {
"servers": {
"appscreenshots": {
"type": "http",
"url": "https://appscreenshots.net/api/mcp"
}
}
}
}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.
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ụ
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ụ | 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ụ | 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
Vòng lặp mặc định mà mọi agent đã kết nối đều có thể làm theo.
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.
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.
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.
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ũ.
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ụ
Dự án vẫn có thể chỉnh sửa, nên các yêu cầu tiếp theo rất rẻ.
“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 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 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
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.
Câu hỏi thường gặp
Những điều nhà phát triển hỏi trước khi kết nối công cụ AI.
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.