saglitzdesign-mcp — MCP-сервер для Claude Code: UI и установка
MCP-сервер даёт агенту правила для UI/UX, доступности, SEO и маркетинга. Подключайте его при проектировании интерфейсов, аудите страниц или планировании мобильного приложения.
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpЧто делает saglitzdesign-mcp
saglitzdesign-mcp подключает к агенту базу знаний по вебу, iOS, Android и macOS. Сервер помогает разбирать UI/UX, дизайн-системы, токены, типографику, цвета, анимации, доступность, UX-тексты, SEO, GEO и маркетинг. Внутри есть инструменты для сборки и проверки дизайн-систем, линтеры дизайна и UX-копирайтинга, рецепты компонентов, дорожные карты и примеры интерфейсов.
Сервер читает только локальные файлы и запускается как дочерний процесс MCP-клиента через stdio. Внешний API, аккаунт и отдельная конфигурация не нужны. Он работает офлайн, но через HTTP или SSE его разместить нельзя, поэтому подключение рассчитано на локальную машину.
В наборе заявлены 96 документов, 36 инструментов и 9 сценариев для сборки, ревью и переноса. Без сетевого транспорта сервер не подойдёт для удалённого размещения или доступа по сети.
Какие задачи решает
- спроектировать экран с правилами UI и доступности
- проверить лендинг по UX, SEO и GEO
- собрать токены и структуру дизайн-системы
- подобрать рецепт production-компонента
- составить дорожную карту продукта или маркетингового сайта
Примеры запросов агенту
- Спроектируй экран оплаты с правилами доступности, иерархией кнопок и ограничениями для мобильного интерфейса.
- Проведи аудит лендинга: найди проблемы в UX, SEO, GEO и тексте кнопок.
- Собери основу дизайн-системы с токенами цвета, типографики, отступов и состояний компонентов.
Как установить saglitzdesign-mcp
Командой платформы
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpКомандой платформы
codex mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpФайл настроек
{
"mcpServers": {
"saglitzdesign-mcp": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}Файл настроек
{
"servers": {
"saglitzdesign-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}Командой платформы
gemini mcp add saglitzdesign-mcp npx -y saglitzdesign-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о saglitzdesign-mcp
Как установить saglitzdesign-mcp в Claude Code?
Выполните claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp.
Что делает saglitzdesign-mcp?
Сервер даёт агенту структурированные рекомендации по UI/UX, дизайн-системам, доступности, SEO, GEO и маркетингу. Он также предоставляет инструменты для проверок, генерации токенов и проектных сценариев.
Нужен ли saglitzdesign-mcp внешний API или сетевой доступ?
Нет: сервер читает локальные файлы, работает через stdio и запускается как дочерний процесс MCP-клиента. HTTP и SSE не поддерживаются.
