AppScreenStudio — MCP-сервер для Claude Code: установка и запуск
Позволяет ИИ-агенту верстать скриншоты для App Store и Google Play прямо в веб-редакторе. Пригодится мобильным разработчикам и маркетологам при подготовке релизов.
claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcpЧто делает AppScreenStudio
Сервер связывает вашего ассистента с проектом в веб-приложении AppScreenStudio по протоколу HTTP. Агент считывает текущий макет, расставляет текстовые надписи, меняет рамки iPhone или Android, подбирает шаблоны и шрифты Google Fonts. Изменения сразу отображаются на холсте в реальном времени.
Модель умеет создавать слои, генерировать ИИ-фоны и вспомогательные спрайты, переводить надписи на другие языки и заполнять метаданные для карточек приложений. Для отмены неудачных действий предусмотрены функции undo и redo.
Без открытой вкладки редактора в браузере запросы работать не будут: сервер пересылает команды напрямую на веб-страницу, поэтому при закрытой вкладке клиент выдаст ошибку отсутствия связи. Авторизация требует Bearer-токен из настроек личного кабинета.
Какие задачи решает
- собрать промо-скриншоты для витрин App Store и Google Play
- подобрать шрифты и цветовую гамму шаблона под стиль бренда
- добавить мокапы телефонов и настроить положение экранов
- перевести надписи на макетах для локализованных карточек
Примеры запросов агенту
- Замени заголовок на первом скриншоте на «Умный трекер привычек» и примени шрифт Roboto.
- Переключи устройство набора на актуальный iPhone и выбери тёмную расцветку рамки.
- Сгенерируй нейтральный градиентный фон для второй карточки в открытом проекте.
Как установить AppScreenStudio
Командой платформы: удалённый сервер
claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcpКомандой платформы: удалённый сервер
codex mcp add appscreenstudio --url https://www.appscreenstudio.com/api/mcpФайл настроек
{
"mcpServers": {
"appscreenstudio": {
"url": "https://www.appscreenstudio.com/api/mcp"
}
}
}Файл настроек
{
"servers": {
"appscreenstudio": {
"type": "http",
"url": "https://www.appscreenstudio.com/api/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http appscreenstudio https://www.appscreenstudio.com/api/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о AppScreenStudio
Как установить AppScreenStudio в Claude Code?
Выполните в терминале команду claude mcp add --transport http appscreenstudio https://www.appscreenstudio.com/api/mcp. Для успешных вызовов также передайте личный Bearer-токен из раздела Connect Your Agent редактора.
Что делает MCP-сервер AppScreenStudio?
Он даёт агенту команды для управления холстом в браузере: добавления текстов, рамок смартфонов, фонов и генерации визуальных ассетов для мобильных сторов.
Почему агент возвращает ошибку «No editor is connected»?
Сервер транслирует вызовы инструментов напрямую в активную веб-сессию. Если закрыть вкладку с открытым проектом в браузере, связь прервётся и агент не сможет изменить макет.
