Log inSubmit server
Saglitzdesign MCP logo

Saglitzdesign MCP

by HalidSaglam

Offline MCP server for sourced design guidance, UI generators, accessibility audits, and production component recipes.

InstallRepositoryWebsite
Full README Compare alternatives Embed widget Claim this listing

Install Saglitzdesign MCP

Pick your client, then add it in one click or paste the config.

STDIONode.js
~/Library/Application Support/Claude/claude_desktop_config.json
claude_desktop_config.json
{
  "mcpServers": {
    "halidsaglam-saglitzdesign-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "saglitzdesign-mcp"
      ]
    }
  }
}

Settings → Developer → Edit Config, merge this into mcpServers, then fully quit and reopen Claude Desktop.

Automated check passed— started and listed 34 tools correctly (1mo ago).

Overview

HalidSaglam/saglitzdesign-mcp MCP server gives MCP clients local design, UX, marketing, SEO, and platform guidance. It combines a searchable knowledge base with deterministic generators for tokens, colors, typography, motion, layouts, and accessibility checks. The server runs over stdio, reads local files only, and requires no API key or network connection. Reach for it when an agent needs structured design decisions, implementation-ready UI code, or static design and copy audits.

Use cases

  • Generate a cross-platform design-system starter
  • Audit a local UI codebase for design and accessibility issues
  • Create accessible component reference code
  • Plan a website or native app with a phased design roadmap
  • Review SEO, GEO, and UX copy requirements

Key features

  • Searchable, sourced design and marketing knowledge base
  • Deterministic color, token, type, motion, elevation, and layout generators
  • WCAG contrast and platform target-size checks
  • Production-oriented component recipes for web and native stacks
  • Static design-system, code, screenshot, and UX-copy audits

Tools34

What Saglitzdesign MCP lets your agent do. Expand a tool for its parameters.

Verified live~11.2k tokens of context

Security & health

What it can reach and how reliably it runs — from our own checks, not the maintainer’s claims.

ActiveLast checked 3d ago

Recent health check succeeded.

18/18 checks healthy over the last 78d

Supply-chain signal

No high-severity advisories surfaced by our automated scan.

Critical 0High 0Medium 0Low 0

Scanned 9d ago via OSV.dev · saglitzdesign-mcp (npm)

Adoption & maintenance

Factual signals from GitHub, npm, and our automated checks — not a rating.

GitHub stars6Stargazers on the source repository.
npm downloads598Package downloads in the last 30 days.
Last commit1mo agoMost recent push to the default branch.
Availability100%Our rolling endpoint + install checks that succeeded.
Install checkPassedOur sandbox started it and listed its tools.
Tools exposed34Callable tools this server registers over MCP.
Directory activity5 viewsConfig copies, upvotes, and views on AllMCPs.

How Saglitzdesign MCP works

What HalidSaglam/saglitzdesign-mcp MCP server does

HalidSaglam/saglitzdesign-mcp MCP server supplies design and marketing knowledge for web, iOS, Android, and macOS projects. Its knowledge base covers platform design languages, components, UX, accessibility, typography, motion, copywriting, SEO, GEO, marketing, security, process, and real-world interface patterns. Documents include metadata, prescriptive guidance, and cited sources.

The server supports both research and production-oriented work. An agent can search for design guidance, retrieve a document by ID, compare platform conventions, or follow a phased roadmap for a website, landing page, SaaS product, or native application. It can also produce code and structured outputs rather than only recommendations.

How it works

HalidSaglam/saglitzdesign-mcp runs locally as an MCP child process and communicates through stdio. It does not expose HTTP or SSE endpoints. The implementation reads bundled and local files, makes no external API calls, and does not require an account or credential. Prompts and project files therefore remain on the local machine when the server is used as described.

A typical workflow begins by calling get_design_roadmap or create_design_system. The agent can then retrieve relevant design-language or component documents, generate tokens and layout foundations, request reference code, and run deterministic checks. Knowledge discovery starts with list_design_knowledge, search_design_knowledge, or a direct document lookup with get_design_doc.

Setup and configuration

Install the package with npm:

Terminal
npx -y saglitzdesign-mcp

Configure the command as a local stdio MCP server in a compatible client. No environment variables, API keys, remote URL, or additional service configuration are required.

Tools and capabilities

HalidSaglam/saglitzdesign-mcp MCP server includes capabilities in four broad areas:

  • Knowledge and workflows: search and browse design documents, retrieve platform references, create project roadmaps, assemble review checklists, compare design languages, inspect knowledge freshness, and consult SEO/GEO guidance.
  • Design generation: create complete starter systems; generate colors, type scales, elevation, motion, layouts, and design tokens for CSS, Tailwind, SwiftUI, Jetpack Compose, and W3C DTCG formats.
  • Implementation support: request component guidance, production-oriented recipes for supported stacks, icon-library recommendations, and curated examples from real applications and websites. Example recipes cover elements such as buttons, inputs, modals, tabs, cards, toasts, and list rows.
  • Auditing and measurement: check WCAG 2.2 contrast and platform target sizes, repair failing color pairs, lint HTML/CSS/JSX/Tailwind, assess UX copy, measure design-system consistency, audit project directories, import named tokens, and measure PNG screenshots. Screenshot and project audits read the paths supplied by the caller and do not make network calls.

The generators are described as deterministic. For example, color generation returns a tonal palette and semantic light/dark tokens, while token generation emits artifacts for selected platforms. The component recipes provide reference code with states and accessibility details, not just design rationale.

Limitations and notes

The package is local and stdio-only, so it cannot be hosted as a remote HTTP or SSE MCP endpoint. Screenshot measurement accepts PNG files, and the example library returns notes and source links rather than bundled third-party screenshot images. The server’s audits are scoped: design lint is a static snippet check, while project auditing examines the directory provided; neither should be treated as a complete runtime or usability evaluation. JavaScript configurations are not evaluated by token import, which reads named token structures instead.

The knowledge base is curated and sourced, but the repository distinguishes documents whose sources are enforced by tests from documents that are not yet covered by that check. Developers should use the returned source information and freshness report when source recency matters.

For teams adopting HalidSaglam/saglitzdesign-mcp MCP server, the main fit is an agent-assisted design and implementation workflow that benefits from local, repeatable guidance and generated artifacts rather than live SaaS data or external integrations.

Read the full README View source on GitHub

Reviews

No reviews yet — be the first to share how it worked for you.

Frequently Asked Questions about Saglitzdesign MCP

Run `npx -y saglitzdesign-mcp` and configure it as a local stdio MCP server.

No. It reads local files, makes no external API calls, and requires no credentials.

Yes. It can generate CSS custom properties, Tailwind v4, SwiftUI, Jetpack Compose, and W3C DTCG token artifacts.

Yes. `audit_project` examines a specified local directory for design, accessibility, and consistency issues.

Related MCP servers

All in Architecture & Design All alternatives
Add a badge to your READMEShow it’s listed — live SVG, Markdown or HTML.

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewSaglitzdesign MCP AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/halidsaglam-saglitzdesign-mcp?style=directory)](https://allmcps.com/mcp/halidsaglam-saglitzdesign-mcp)
HTML Embed
<a href="https://allmcps.com/mcp/halidsaglam-saglitzdesign-mcp"><img src="https://allmcps.com/api/badge/halidsaglam-saglitzdesign-mcp?style=directory" alt="Saglitzdesign MCP on AllMCPs" /></a>