SD

southleft/design-systems-mcp

Developer tools

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요. 원문 보기

224 stars 21 forks 품질 81 트렌드 26NOASSERTION

southleft/design-systems-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.

개요

southleft/design-systems-mcp는 [[T0]에서 가져온 MCP 서버 후보입니다.

개요(AI 번역)

AI 기반 모델 컨텍스트 프로토콜(MCP) 서버가 권위 있는 설계 시스템 지식에 지능적으로 접근할 수 있도록 합니다. W3C 표준, WCAG 가이드라인, 설계 시스템 실무, 그리고 범용 모델이 도와줄 수 없는 부분인 2025-2026 에이전트-인터페이스 프로토콜을 아우르는 395개의 엄선된 항목입니다.

🌐 라이브 데모: https://design-systems-mcp.southleft.com/

왜 이런 게 존재하는가

프런티어 모델은 이미 Atomic Design, BEM, WCAG 성공 기준을 알고 있습니다. MCP 앱이 _meta["openai/outputTemplate"]에서 _meta.ui.resourceUri로 이동했는지, A2UI가 2026년 6월에 v1.0 후보에 도달했다는 사실을 신뢰할 수 없습니다. 빠르게 변화하는 사양에 따르면, 모든 모델의 학습이 탐지할 수 없을 정도로 정체적이며 — 작년 필드 이름으로 자신 있게 답변합니다.

이 서버가 바로 그런 역할을 합니다: 오래된 인용과 추출된 1차 출처 콘텐츠를 제공하여, 작은 모델의 추측과 프런티어 모델의 비싼 실시간 재조사를 모두 뛰어넘는 내용입니다.

특징

핵심 역량

이 페이지는 AI로 자동 번역되었습니다. 기술적인 세부 사항은 원문을 확인하세요.

README

원문 README의 일부입니다. 원문 보기.

Design Systems MCP Server

An AI-powered Model Context Protocol (MCP) server providing intelligent access to authoritative design systems knowledge. 395 curated entries spanning W3C standards, WCAG guidelines, design system practice, and — the part a general-purpose model cannot help you with — the 2025-2026 agent-interface protocols.

🌐 Live Demo: https://design-systems-mcp.southleft.com/

Why this exists

A frontier model already knows Atomic Design, BEM, and the WCAG success criteria. It does not reliably know that MCP Apps moved from _meta["openai/outputTemplate"] to _meta.ui.resourceUri, or that A2UI reached v1.0 candidate in June 2026. On fast-moving specs, every model’s training is stale in a way it cannot detect — it answers confidently with last year’s field names.

That is what this server is for: dated, cited, extracted primary-source content that beats both a smaller model’s guess and a frontier model’s expensive live re-research.

Features

Core Capabilities

  • 🎯 Vector + Keyword Search - Supabase pgvector with pluggable embeddings (Cloudflare Workers AI bge-m3, edge-native and free within the Workers plan; OpenAI optional), plus a Postgres full-text path that keeps working when embeddings are unavailable
  • 📚 395 Curated Entries - W3C standards, WCAG 2.2, ARIA practices, major design systems, and agent-interface protocols
  • 🚦 Relevance Floor - IDF-weighted scoring means an uncovered topic returns nothing rather than confident, adjacent content
  • 🚀 Edge-Optimized - Cloudflare Workers deployment with global distribution

Latest Updates

  • 🤖 Agent-Interface Coverage (Aug 2026) - A2UI v1.0, MCP Apps SEP-1865, AG-UI, Sentient Design, generative/ephemeral UI, component contracts
  • 🧪 Eval Harness - scripts/eval-mcp.ts scores retrieval and substance across four difficulty tiers
  • 🛡️ Source Reliability Badges - Every answer flags Primary / Authoritative / Reference / Example / Community sources
  • 📖 Universal MCP Client Support - Works with any MCP-capable client (Claude Desktop, Cursor, Windsurf, Codex, etc.)
  • 🏛️ Major Design Systems, Deeply - Carbon, Polaris, Atlassian, Material 3, Fluent, Spectrum, Nord, Mantine, shadcn/ui, Radix, Untitled UI — the guidance and token architecture, not just prop tables

Developer Experience

  • 🌐 Zero Setup Required - Public MCP endpoint ready to use
  • 🤖 AI Chat Interface - Natural-language Q&A grounded in the knowledge base, streamed via Cloudflare Workers AI (Llama 3.3 70B) — no OpenAI, no API credits
  • 🧪 Local Development - Complete testing environment with hot reload
  • 📝 Comprehensive Docs - Updated setup guides for every major MCP client

Content Library

395 Curated Entries Including:

Agent Interfaces & AI (2025-2026 — the material a general model gets wrong)

GitHub에서 전체 README 보기

설치

npx wrangler login
MCP 초보자라면? mcpskill.org 가이드부터 시작하세요 →

설정

{ "mcpServers": { "design-systems": { "type": "http", "url": "https://design-systems-mcp.southleft.com/mcp" } } }