Offline design and marketing guidance for web and mobile, with generators for design tokens, color systems and WCAG checks.
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add saglitz-design -- npx -y saglitzdesign-mcp~/.codex/config.toml
[mcp_servers.saglitz-design]
command = "npx"
args = ["-y", "saglitzdesign-mcp"]
# codex mcp add saglitz-design -- npx -y saglitzdesign-mcp~/.cursor/mcp.json
{
"mcpServers": {
"saglitz-design": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}.vscode/mcp.json
{
"servers": {
"saglitz-design": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"saglitz-design": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"saglitz-design": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"saglitz-design": {
"command": "npx",
"args": [
"-y",
"saglitzdesign-mcp"
]
}
}
}