Sleek — MCP-сервер для Claude Code: что делает и как установить
Генерирует экраны мобильного приложения по текстовому описанию и возвращает ссылку на проект. Пригодится, когда нужно быстро спроектировать интерфейс перед вёрсткой.
claude mcp add --transport http sleek https://sleek.design/api/mcpЧто делает Sleek
Инструмент подключает ИИ-ассистента к облачному генератору экранов мобильных приложений. Вы описываете интерфейс обычным языком, а система создаёт проект, формирует экраны и выводит готовые изображения прямо в чат. Полученные макеты можно открыть по ссылке, отредактировать и выгрузить в Figma или React для дальнейшей разработки.
Сервер работает удалённо по адресу https://sleek.design/api/mcp. Локально запускать сервисы не придётся. Аутентификация проходит через браузер по OAuth, поэтому копировать ключи не нужно. Альтернативный вход через переменную SLEEK_API_KEY оставлен только для клиентов, которые не поддерживают веб-авторизацию.
Запрос на приложение выгоднее отправлять одним сообщением. Sleek планирует весь набор экранов согласованно. Если дробить задачу на отдельные реплики, сервис выдаст несвязанные макеты и спишет баланс за каждое обращение отдельно.
Какие задачи решает
- спроектировать экраны мобильного приложения по текстовому описанию
- просмотреть готовые визуальные макеты прямо в окне чата
- передать полученные интерфейсы ассистенту для вёрстки на React
- экспортировать созданные мобильные экраны в Figma
Примеры запросов агенту
- Спроектируй мобильное приложение для заказа кофе в Sleek: онбординг, витрина напитков, корзина и профиль.
- Создай интерфейс фитнес-трекера в Sleek: экран тренировок, аналитика за неделю и карточка упражнения.
Как установить Sleek
Командой платформы: удалённый сервер
claude mcp add --transport http sleek https://sleek.design/api/mcpКомандой платформы: удалённый сервер
codex mcp add sleek --url https://sleek.design/api/mcpФайл настроек
{
"mcpServers": {
"sleek": {
"url": "https://sleek.design/api/mcp"
}
}
}Файл настроек
{
"servers": {
"sleek": {
"type": "http",
"url": "https://sleek.design/api/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http sleek https://sleek.design/api/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Sleek
Как установить Sleek в Claude Code?
Выполните команду claude mcp add --transport http sleek https://sleek.design/api/mcp в консоли. После этого подтвердите вход в учётную запись Sleek через окно браузера.
Что делает MCP-сервер Sleek?
Он превращает текстовые описания интерфейсов в готовые макеты мобильных приложений. Полученные экраны отображаются в чате, а проект можно экспортировать в Figma или React.
Нужно ли запускать сервер Sleek локально?
Нет, сервер работает на облачной инфраструктуре Sleek по адресу https://sleek.design/api/mcp. Для работы потребуется только учётная запись на сайте sleek.design.
