inspo — MCP-сервер для Claude Code: UI и установка
Даёт агенту реальные примеры сайтов, палитры, шрифты и JSX-компоненты перед созданием интерфейса. Полезен для поиска визуальных референсов.
claude mcp add --transport http inspo https://inspomcp.dev/api/mcpЧто делает inspo
inspo подключает к агенту каталог реальных сайтов и страниц. Для каждого примера доступны палитра, шрифты, обнаруженный стек, разбор экрана по блокам и описание дизайн-системы в формате DESIGN.md. В каталоге 2,320 страниц с 832 сайтов и 68 эталонных компонентов с JSX.
MCP-сервер предоставляет пятнадцать инструментов, включая recommend(brief), find_similar, find_components и get_design_system. Есть транспорт stdio через npx и Streamable HTTP через https://inspomcp.dev/api/mcp. Инструменты работают в режиме чтения. При вызове get_design_system(live:true) сервер принимает только публичные хосты и порты 80 и 443, поэтому локальный адрес или другой порт не подойдут.
Какие задачи решает
- найти визуальные референсы под бриф
- подобрать палитру и шрифтовую пару
- сравнить похожие страницы
- взять JSX-структуру для hero или pricing
- собрать дизайн-систему сайта
Примеры запросов агенту
- Подбери референсы для лендинга по этому брифу через
recommend. - Найди похожие страницы для этого интерфейса через
find_similar. - Покажи структуру hero-компонента и JSX из каталога.
Как установить inspo
1Командой платформы: удалённый сервер
claude mcp add --transport http inspo https://inspomcp.dev/api/mcp2Командой платформы
claude mcp add --env TOGETHER_API_KEY=<TOGETHER_API_KEY> --env INSPO_CATALOGUE_URL=<INSPO_CATALOGUE_URL> --env INSPO_PROFILE=<INSPO_PROFILE> --env INSPO_IMAGES=<INSPO_IMAGES> --env INSPO_MAX_TOKENS=<INSPO_MAX_TOKENS> --transport stdio inspo -- npx -y inspo-mcpВместо <…> подставьте свои значения
1Командой платформы: удалённый сервер
codex mcp add inspo --url https://inspomcp.dev/api/mcp2Командой платформы
codex mcp add inspo --env TOGETHER_API_KEY=<TOGETHER_API_KEY> --env INSPO_CATALOGUE_URL=<INSPO_CATALOGUE_URL> --env INSPO_PROFILE=<INSPO_PROFILE> --env INSPO_IMAGES=<INSPO_IMAGES> --env INSPO_MAX_TOKENS=<INSPO_MAX_TOKENS> -- npx -y inspo-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"inspo": {
"url": "https://inspomcp.dev/api/mcp"
}
}
}{
"mcpServers": {
"inspo": {
"command": "npx",
"args": [
"-y",
"inspo-mcp"
],
"env": {
"TOGETHER_API_KEY": "<TOGETHER_API_KEY>",
"INSPO_CATALOGUE_URL": "<INSPO_CATALOGUE_URL>",
"INSPO_PROFILE": "<INSPO_PROFILE>",
"INSPO_IMAGES": "<INSPO_IMAGES>",
"INSPO_MAX_TOKENS": "<INSPO_MAX_TOKENS>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"inspo": {
"type": "http",
"url": "https://inspomcp.dev/api/mcp"
}
}
}{
"servers": {
"inspo": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"inspo-mcp"
],
"env": {
"TOGETHER_API_KEY": "<TOGETHER_API_KEY>",
"INSPO_CATALOGUE_URL": "<INSPO_CATALOGUE_URL>",
"INSPO_PROFILE": "<INSPO_PROFILE>",
"INSPO_IMAGES": "<INSPO_IMAGES>",
"INSPO_MAX_TOKENS": "<INSPO_MAX_TOKENS>"
}
}
}
}Вместо <…> подставьте свои значения
1Командой платформы: удалённый сервер
gemini mcp add -t http inspo https://inspomcp.dev/api/mcp2Командой платформы
gemini mcp add -e TOGETHER_API_KEY=<TOGETHER_API_KEY> -e INSPO_CATALOGUE_URL=<INSPO_CATALOGUE_URL> -e INSPO_PROFILE=<INSPO_PROFILE> -e INSPO_IMAGES=<INSPO_IMAGES> -e INSPO_MAX_TOKENS=<INSPO_MAX_TOKENS> inspo npx -y inspo-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о inspo
Как установить inspo в Claude Code?
Для подключения через размещённый HTTP-сервер выполните claude mcp add --transport http inspo https://inspomcp.dev/api/mcp.
Что делает inspo?
MCP-сервер даёт агенту доступ к примерам реальных сайтов, их палитрам, шрифтам, разбору экранов, дизайн-системам и JSX-компонентам. Инструмент recommend(brief) собирает результаты по описанию задачи.
Что нужно для вызова get_design_system(live:true)?
URL должен вести на публичный именованный хост и использовать порт 80 или 443. Сервер не выполняет JavaScript при таком запросе.
