StoreShots — MCP-сервер для Claude Code: скриншоты в App Store
Превращает сырые скриншоты приложения в маркетинговые картинки для App Store и Google Play нужных размеров. Рендер идёт на сервере, локально ничего не нужно.
claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcpЧто делает StoreShots
Сервер работает через stdio и обращается к размещённому API StoreShots. Вы даёте агенту от 1 до 5 скриншотов (локальные файлы или ссылки) и заголовки к слайдам, а обратно получаете готовые PNG или ZIP прямо в папку проекта. Chrome, Puppeteer и графический редактор на машине не требуются: картинка собирается на стороне сервиса.
Есть инструменты list_styles и list_devices — они показывают доступные оформления и рамки устройств, чтобы не гадать с параметрами. Основная работа идёт через generate_screenshots: стиль, устройство, список целевых размеров, подписи, название приложения и переопределение цветов. Вызов возвращает jobId, а get_output забирает результат в output_dir. Инструмент get_balance показывает остаток бесплатных наборов и кредитов, buy_credits отдаёт ссылку на Stripe, сама оплата проходит в браузере.
Для запуска нужен Node.js 18.17 или новее и бесплатный ключ ss_... — его выдают один раз при регистрации по почте, так что сохраните сразу. Без STORESHOTS_API_KEY в окружении сервер не заработает. Скриншоты уходят по HTTPS и удаляются через 24 часа; результаты тоже живут 24 часа, потом get_output их уже не достанет — скачивайте сразу.
Какие задачи решает
- сделать маркетинговые скриншоты для App Store из сырых снимков приложения
- получить все обязательные размеры магазина за один вызов
- примерить рамку iPhone, iPad или Android на готовый экран
- добавить заголовки и подписи к каждому слайду
- выгрузить готовый ZIP или PNG в папку проекта без графического редактора
Примеры запросов агенту
- Сделай скриншоты для App Store из
./shots/home.pngи./shots/stats.pngв стилеmidnightс заголовками «Привычки, которые держатся» и «Смотри свой прогресс», сохрани в./store-assets. - Покажи доступные стили и рамки устройств.
- Сгенерируй набор в размерах
ios-6.9иandroid-phone, скачай PNG в./store-assets.
Как установить StoreShots
Командой платформы
claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add storeshots --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> -- npx -y storeshots-api-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"storeshots": {
"command": "npx",
"args": [
"-y",
"storeshots-api-mcp"
],
"env": {
"STORESHOTS_API_KEY": "<STORESHOTS_API_KEY>",
"STORESHOTS_API_URL": "<STORESHOTS_API_URL>",
"STORESHOTS_OUTPUT_DIR": "<STORESHOTS_OUTPUT_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"storeshots": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"storeshots-api-mcp"
],
"env": {
"STORESHOTS_API_KEY": "<STORESHOTS_API_KEY>",
"STORESHOTS_API_URL": "<STORESHOTS_API_URL>",
"STORESHOTS_OUTPUT_DIR": "<STORESHOTS_OUTPUT_DIR>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e STORESHOTS_API_KEY=<STORESHOTS_API_KEY> -e STORESHOTS_API_URL=<STORESHOTS_API_URL> -e STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> storeshots npx -y storeshots-api-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о StoreShots
Как установить StoreShots в Claude Code?
Выполните claude mcp add storeshots -e STORESHOTS_API_KEY=<STORESHOTS_API_KEY> -- npx -y storeshots-api-mcp. Полный вариант с адресом API и папкой вывода: `claude mcp add --env STORESHOTS_API_KEY=<STORESHOTS_API_KEY> --env STORESHOTS_API_URL=<STORESHOTS_API_URL> --env STORESHOTS_OUTPUT_DIR=<STORESHOTS_OUTPUT_DIR> --transport stdio storeshots -- npx -y storeshots-api-mcp`.
Что делает StoreShots?
Принимает до 5 скриншотов приложения и рендерит из них маркетинговые изображения для App Store и Google Play в нужных размерах. Результат сохраняется в проект как PNG или ZIP.
Сколько стоит и что нужно для работы?
Нужен ключ STORESHOTS_API_KEY и Node.js 18.17 или новее. Бесплатно доступно 3 набора в месяц с водяным знаком, Starter — 10 наборов за $3, Pro — 20 наборов за $5 без водяного знака.
