southleft/design-systems-mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。原文を見る

224 stars 21 forks 品質 81 トレンド 26NOASSERTION

Repository Install

southleft/design-systems-mcp は、https://github.com/southleft/design-systems-mcp. からインポートされたMCPサーバー候補です。

概要

southleft/design-systems-mcp は、https://github.com/southleft/design-systems-mcp. からインポートされた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候補に到達したことを確実に把握することはできません。急速に動く仕様では、すべてのモデルのトレーニングは検出できないほど古くなっています — 昨年のフィールド名で自信を持って答えます。

このサーバーはそのためです。古い、引用され、抽出された一次情報源のコンテンツで、小規模モデルの推測やフロンティアモデルの高額なライブリサーチを上回る内容です。

特徴

コア機能

このページは 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"
    }
  }
}