# saglitzdesign-mcp

MCP-сервер даёт агенту правила для UI/UX, доступности, SEO и маркетинга. Подключайте его при проектировании интерфейсов, аудите страниц или планировании мобильного приложения.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 6
- Автор: HalidSaglam
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/HalidSaglam/saglitzdesign-mcp
- Обновлён: 2026-09-01
- HTML: https://affpapa.org/nevibecode/mcp/saglitzdesign-mcp

## Что делает

saglitzdesign-mcp подключает к агенту базу знаний по вебу, iOS, Android и macOS. Сервер помогает разбирать UI/UX, дизайн-системы, токены, типографику, цвета, анимации, доступность, UX-тексты, SEO, GEO и маркетинг. Внутри есть инструменты для сборки и проверки дизайн-систем, линтеры дизайна и UX-копирайтинга, рецепты компонентов, дорожные карты и примеры интерфейсов.

Сервер читает только локальные файлы и запускается как дочерний процесс MCP-клиента через stdio. Внешний API, аккаунт и отдельная конфигурация не нужны. Он работает офлайн, но через HTTP или SSE его разместить нельзя, поэтому подключение рассчитано на локальную машину.

В наборе заявлены 96 документов, 36 инструментов и 9 сценариев для сборки, ревью и переноса. Без сетевого транспорта сервер не подойдёт для удалённого размещения или доступа по сети.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp
```

### Codex

**Командой платформы**
```bash
codex mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "saglitzdesign-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "saglitzdesign-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "saglitzdesign-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "saglitzdesign-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add saglitzdesign-mcp npx -y saglitzdesign-mcp
```

## Когда брать
- спроектировать экран с правилами UI и доступности
- проверить лендинг по UX, SEO и GEO
- собрать токены и структуру дизайн-системы
- подобрать рецепт production-компонента
- составить дорожную карту продукта или маркетингового сайта

## Примеры запросов агенту
- Спроектируй экран оплаты с правилами доступности, иерархией кнопок и ограничениями для мобильного интерфейса.
- Проведи аудит лендинга: найди проблемы в UX, SEO, GEO и тексте кнопок.
- Собери основу дизайн-системы с токенами цвета, типографики, отступов и состояний компонентов.

## Похожие
- [Next AI Draw.io](https://affpapa.org/nevibecode/mcp/next-ai-drawio.md) — MCP-сервер · ★ 36427
- [tldraw](https://affpapa.org/nevibecode/mcp/tldraw.md) — MCP-сервер · ★ 51104
- [Figma-Context-MCP](https://affpapa.org/nevibecode/mcp/figma-context-mcp.md) — MCP-сервер · ★ 16073
- [Agent-Native Assets](https://affpapa.org/nevibecode/mcp/agent-native-assets.md) — MCP-сервер · ★ 7527
- [Remove AI Watermarks](https://affpapa.org/nevibecode/mcp/remove-ai-watermarks.md) — MCP-сервер · ★ 6144
- [Dembrandt](https://affpapa.org/nevibecode/mcp/dembrandt.md) — MCP-сервер · ★ 3851

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md