# saglitzdesign-mcp

This MCP server gives coding agents practical guidance on UI/UX, accessibility, SEO and marketing. Use it when designing screens, reviewing pages or planning mobile products.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 6
- Author: HalidSaglam
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/HalidSaglam/saglitzdesign-mcp
- Updated: 2026-09-01
- HTML: https://affpapa.org/en/nevibecode/mcp/saglitzdesign-mcp

## What it does

saglitzdesign-mcp supplies an agent with design knowledge for web, iOS, Android and macOS work. Its coverage spans UI/UX, design systems, tokens, typography, color, motion, accessibility, UX writing, SEO, GEO and marketing. The package also includes design-system builders, design and UX-copy linting, component recipes, phased roadmaps and visual examples.

It reads local files and runs as a child process of the MCP client over stdio. No external API, account or separate setup is required. The server works offline. Because it has no HTTP or SSE transport, it cannot be hosted remotely or accessed across a network.

The package lists 96 knowledge documents, 36 tools and 9 build, review and port workflows. That makes its scope clear: it supports design guidance inside the coding agent, rather than serving a remote design API.

## Requirements
- Needs: Node.js (commands run via npx)

## Install

### Claude Code (native platform)

**Platform CLI**
```bash
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp
```

### Codex

**Platform CLI**
```bash
codex mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "saglitzdesign-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "saglitzdesign-mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "saglitzdesign-mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "saglitzdesign-mcp"
            ]
        }
    }
}
```

### Gemini CLI

**Platform CLI**
```bash
gemini mcp add saglitzdesign-mcp npx -y saglitzdesign-mcp
```

## When to use it
- design a screen with accessibility and UI rules
- audit a landing page for UX, SEO and GEO issues
- build a token structure for a design system
- choose a production component recipe
- map a product or marketing-site roadmap

## Example prompts
- Design a checkout screen using accessibility rules, button hierarchy and mobile interaction guidance.
- Audit this landing page for UX, SEO, GEO and conversion-copy issues.
- Build a design-system foundation with color, typography, spacing and component-state tokens.

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

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md