MCP.so
ログイン

Designesy MCP Server認証済み注目

@LE-VAI

Designesy MCP Server について

Design quality gate for AI-generated UI. Scores any live URL against a published contract of deterministic checks, with an A–F grade, a per-check breakdown and AI-slop pattern findings; validates DTCG token files and Lot

#design-system#design-quality#ui-quality#quality-gate#generative-ui#ai-generated-ui#design-tokens#dtcg#accessibility#wcag#lottie#mcp

Designesy MCP Server の設定

以下の設定を使って、このサーバーを MCP 対応クライアントに追加してください。

{
  "mcpServers": {
    "designesy": {
      "url": "https://www.designesy.org/api/mcp"
    }
  }
}

Designesy MCP Server のツール

ツール一覧はまだありません

この掲載には表示できるツール一覧がまだありません。サーバーにツールがないという意味ではありません。対応機能はプロジェクトのドキュメントをご確認ください。

上のボタンでサーバーのエンドポイントに接続し、ツール一覧を取得できます。

概要

What is Designesy?

Designesy is a design quality gate for AI-generated UI. It scores any live URL against a published design-system contract on deterministic checks across weighted categories (accessibility, tokens, motion, typography, semantic HTML, performance and more) and returns an A–F grade with per-check evidence and AI-slop pattern findings. No LLM in the scoring path: every check is deterministic and reproducible.

When to use it

  • Before generated UI ships: score the preview URL and gate on the grade
  • To check visual consistency against a token system (DTCG token files, UI drift)
  • To catch generic AI-generated layout patterns, with evidence for each finding
  • To compare two design systems, or benchmark against reference sites

Connect

Remote (Streamable HTTP, no auth):

claude mcp add designesy --transport http https://www.designesy.org/api/mcp

Local (stdio, PyPI): uvx designesy-mcp

Official MCP Registry: io.github.LE-VAI/designesy-org

Tools (17)

  • designesy_score: score a URL against the contract, A–F grade
  • designesy_tokens_score: validate a DTCG 2025.10 token file
  • designesy_motion_score: validate a Lottie animation
  • designesy_drift_score: score AI-generated UI drift
  • designesy_readiness_score: design-system AI readiness
  • designesy_compare: diff two design systems
  • designesy_report: one-call composite report
  • plus the contract, a review rubric, a WCAG 2.2 audit kit, SKILL.md and build-contract exports

Trust

  • Every check is documented at designesy.org/methodology
  • Public leaderboard of scored sites, re-scored weekly: designesy.org/leaderboard
  • Open source, MIT: github.com/LE-VAI/designesy-org
  • Read-only, except designesy_monitor_score, which can send an alert email when configured

コメント

「メディアとデザイン」の他のコンテンツ