saglitzdesign-mcp — Claude Code MCP server: design, install
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.
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpWhat saglitzdesign-mcp 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.
What it helps with
- 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 for the agent
- 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.
How to install saglitzdesign-mcp
Platform CLI
claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpPlatform CLI
codex mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcpConfig file
{
"mcpServers": {
"saglitzdesign-mcp": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}Config file
{
"servers": {
"saglitzdesign-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}Platform CLI
gemini mcp add saglitzdesign-mcp npx -y saglitzdesign-mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about saglitzdesign-mcp
How do I install saglitzdesign-mcp in Claude Code?
Run claude mcp add saglitzdesign-mcp -- npx -y saglitzdesign-mcp.
What does saglitzdesign-mcp do?
It gives an agent structured guidance for UI/UX, design systems, accessibility, SEO, GEO and marketing. It also provides tools for reviews, token generation and design workflows.
Does saglitzdesign-mcp require an external API or network access?
No. It reads local files and runs over stdio as a child process of the MCP client. HTTP and SSE transport are not supported.
