Açık kaynak · MCP sunucusuSaglitz

SaglitzDesign

AI kodlama ajanın için uzman tasarım & pazarlama beyni.

npm · MIT · Node 18+

Açık kaynak · MCP sunucusu·MIT·Node 18+

SaglitzDesign açık kaynak bir MCP sunucusudur. Claude, Cursor ve her MCP istemcisine web, iOS, Android ve macOS tasarımı için kaynaklı, kuralcı rehberlik verir; ürünü gerçekten dönüştüren UX, copywriting, SEO, GEO ve pazarlama bilgisiyle birlikte. Çalışma-zamanından bağımsız, çevrimdışı, hesapsız.

GitHub'da gör npm'de gör

56documents

10tools

10categories

0external calls

Neden

LLM'ler tasarımda kendinden emin yanılır: varsayılanlar, güncelliğini yitirmiş özellikler, jenerik "temiz ve modern yap" tavsiyeleri. SaglitzDesign bunun yerine ajanının anında sorguladığı kaynaklı, kuralcı bir bilgi tabanı koyar; aynı anda kıdemli bir ürün tasarımcısı, dönüşüm copywriter'ı ve teknik SEO gibi.

Kurulum

Node 18+. Claude Code için tek satır; Claude Desktop veya Cursor için config.

Claude Code

claude mcp add --scope user saglitzdesign -- npx -y saglitzdesign-mcp

Claude Desktop · claude_desktop_config.json

{
  "mcpServers": {
    "saglitzdesign": {
      "command": "npx",
      "args": ["-y", "saglitzdesign-mcp"]
    }
  }
}

Cursor / any MCP client · stdio

npx -y saglitzdesign-mcp

On tool

Ajanın ne zaman çağıracağına kendi karar verir.

get_design_roadmap

Start here. A phased, expert process for your project type — each phase with a goal, exit criteria and the exact docs to read.

search_design_knowledge

Natural-language search across everything, returning the most relevant section of the best-matching docs.

get_component_guidance

Deep dive on a component or screen — button, form, paywall, hero, pricing — with specs and real-world patterns.

get_design_language

Full platform references: Material 3, Liquid Glass, iOS / Android / macOS, Fluent 2, web trends, design tokens.

get_design_examples

Real, annotated screenshots of a pattern from top apps and sites, returned as images.

design_review_checklist

An assembled audit checklist per project type and focus: UI, UX, accessibility, SEO, GEO, conversion, copy.

seo_geo_guide

Technical SEO and GEO guides, optionally narrowed to a topic.

get_design_doc

Fetch any document in full by id.

list_design_knowledge

Browse the full knowledge index by category and platform.

knowledge_freshness

Reports each doc's age against a staleness threshold, so the base stays current.

Bilgi tabanı

11 kategoride 56 küratörlü doküman. Resmi kaynaklardan tasarım-dili spec'leri, gerçek üst-sıra app'lerden desenler, kitaplardan damıtılmış klasikler.

Design languages

Material 3 & Expressive, Apple HIG + Liquid Glass, iOS / Android / macOS guides, Fluent 2, 2026 web trends, design tokens.

Components

Buttons, forms & inputs, navigation, cards, lists, modals, sheets, empty states.

Nielsen heuristics, WCAG 2.2, typography, color & dark mode, spacing, motion, mobile UX, conversion.

Craft

Optical corrections, spacing discipline, typographic craft, UX writing, a 0–40 critique rubric.

Books

Norman, Krug, Refactoring UI; Cialdini, Positioning, StoryBrand, Ogilvy, Hooked.

Process

End-to-end roadmaps: 8-phase product design, and marketing-website positioning to CRO.

SEO

Technical SEO (Core Web Vitals), on-page & E-E-A-T, SEO for designers.

GEO

Generative Engine Optimization: visibility in ChatGPT / Perplexity / AI Overviews, llms.txt.

Marketing

Branding & identity, email marketing, ad creative.

Patterns & examples

Real patterns studied from top apps, plus a curated screenshot library served as images.

Nasıl kullanılır

Ajanınla doğal konuş, saglitzdesign'dan bahset.

“Using saglitzdesign, plan the design of an iOS fitness app.”

get_design_roadmap → a phased plan with the docs to read at each step.

“Review my landing page for conversion with saglitzdesign.”

design_review_checklist + get_design_examples.

“How should a primary button behave on mobile?”

get_component_guidance → specs, states, labels, anti-patterns.

“Show me real paywall examples.”

get_design_examples → annotated screenshots.

“What's llms.txt and how do I set it up?”

seo_geo_guide (GEO) → the tactic with a ready-to-use example.

AI kodlama ajanın için uzman tasarım & pazarlama beyni.

GitHub'da gör npm'de gör