Zum Inhalt springen
Zurück zu allen Apps
Open Source · MCP-ServerSaglitz

SaglitzDesign

Ein Experten-Gehirn für Design & Marketing für deinen KI-Coding-Agenten.

npm · MIT · Node 18+
Open Source · MCP-Server·MIT·Node 18+

SaglitzDesign ist ein Open-Source-MCP-Server. Er gibt Claude, Cursor und jedem MCP-Client präzise, belegte Anleitung zu Web-, iOS-, Android- und macOS-Design, plus das UX-, Copywriting-, SEO-, GEO- und Marketing-Wissen, das ein Produkt konvertieren lässt. Laufzeitunabhängig, offline, ohne Konto.

56documents
10tools
10categories
0external calls

Warum

LLMs liegen beim Design selbstbewusst falsch: Defaults, veraltete Specs, generische "mach es sauber und modern"-Ratschläge. SaglitzDesign ersetzt das durch eine kuratierte, belegte Wissensbasis, die dein Agent auf Abruf abfragt, wie ein Senior-Produktdesigner, ein Conversion-Copywriter und ein technischer SEO zugleich.

Installation

Node 18+. Eine Zeile für Claude Code; ein Config-Snippet für Claude Desktop oder Cursor.

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

Zehn Tools

Dein Agent entscheidet, wann er sie aufruft.

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.

Die Wissensbasis

56 kuratierte Dokumente in 11 Kategorien. Design-Sprach-Specs aus offiziellen Quellen, Muster aus echten Top-Apps, Klassiker aus den Büchern destilliert.

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.

UX

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.

So nutzt du es

Sprich natürlich mit deinem Agenten, erwähne saglitzdesign.

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.

Ein Experten-Gehirn für Design & Marketing für deinen KI-Coding-Agenten.