UI/UX Excellence ProverをChatGPTとClaudeに接続

• 01 / 03UIの状態を監査する方法
• 02 / 03アクセシビリティの検証方法
• 03 / 03デザインの整合性を検証する方法

最速日

659ms

最遅日

1366ms

14日間の傾向

安定+4%

UI/UX Excellence Prover Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — UI/UX Excellence Prover capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "uiux-excellence-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

各クライアントの手順ガイドはこちらです。 接続方法

Claude向けのガイド付きセットアップ？ UI/UX Excellence ProverをClaudeや他のAIに設定する

このConnectorが対応するすべてのAIクライアントを見る ↑

• 01

  UI/UXデザイナー

  AIが生成したデザインの欠陥を特定し、プロフェッショナルな品質基準へ修正するために使用します。

• 02

  プロダクトマネージャー

  開発中のインターフェースがアクセシビリティやユーザー体験の原則に則っているかを検証します。

• 03

  フロントエンドエンジニア

  マイクロインタラクションやモーション、グリッドシステムが設計通りに実装されているかを確認します。

• 01

  What makes an interface '2026-era'?

  It moves beyond flat design into spatial hierarchy with depth, uses spring-based motion instead of linear easing, and ensures every interaction has a full set of 8 states.

• 02

  How does this MCP handle accessibility?

  It audits for WCAG 2.2 AAA standards, checking for things like keyboard navigation, screen reader compatibility, and proper color contrast.

• 03

  Can I use this with any AI client?

  Yes, this MCP works with any MCP-compatible client like Claude, Cursor, or Windsurf.

• 04

  What is 'Dark Pattern Detection'?

  The capability identifies design choices meant to trick users, such as pre-checked boxes, hidden controls, or infinite scrolling that prevents natural stopping points.

• 05

  Does it check for mobile usability?

  Yes, it verifies that touch targets meet the minimum 44x44px requirement for mobile accessibility.

• 06

  Does it generate UI designs or code?

  No. The agent designs or codes the interface. The capability VALIDATES that it meets 2026-era standards across six pillars: spatial hierarchy, spring motion, 8-state microinteractions, 8px rhythm, WCAG 2.2 AAA neuro-inclusive accessibility, and Calm UI principles. It coaches. not generates.

• 07

  Why 8 states per interactive element?

  Because a button without feedback is a dead rectangle. The 8 states (idle, hover, active, focus-visible, disabled, loading, success, error) cover every moment of interaction. Each state uses spring physics for natural transitions. Without all 8, users cannot perceive affordance, progress, or outcome.

• 08

  What is Calm UI and why does it matter?

  Calm UI is the 2026 shift from 'time on page' to 'time well spent'. It rejects dark patterns: infinite scroll without end states, auto-play media, fake urgency, hidden opt-outs. It implements intentional friction for destructive actions, progressive disclosure, and natural stopping points. Respect > engagement.

• 

  Tailwind Excellence Prover AIコネクタ

  AI agents build bloated styling layers containing arbitrary values, div-only layouts, inaccessible contrast, a

  表示
• 

  Accessibility Prover AIコネクタ

  Accessibility Prover is a pre-build validation system that forces WCAG 2.2 AA compliance before code is writte

  表示
• 

  Python Excellence Prover AIコネクタ

  AI agents generate Python with no type hints, bare except blocks, mutable defaults, print() in production, and

  表示
• 

  Laravel Excellence Prover AIコネクタ

  AI agents generate Laravel code with N+1 queries, fat controllers, workarounds, and mass assignment holes. Thi

  表示

おすすめ

• 

  TypeScript Excellence Prover AIコネクタ

  AI agents produce unsafe TypeScript loaded with `any` types, @ts-ignore overrides, empty catch blocks, and eve

  表示
• 

  Design Prover AIコネクタ

  Every AI frontend looks identical: hero, 3 cards, 3 cards, CTA, rounded-xl, shadow-lg, blue/gray/white. Design

  表示
• 

  Critical Thinking Prover AIコネクタ

  AI agents accept premises without questioning, analyze from one perspective, cherry-pick evidence, ignore cons

  表示
• 

  Pipeline Leak Detection Design System AIコネクタ

  Evaluate pipeline leak detection effectiveness using API 1130 methodologies.

  表示