Tailwind Excellence ProverをAIに接続

• 01 / 03Tailwindのデザイントークンを検証する方法
• 02 / 03アクセシビリティ監査の方法
• 03 / 03レイアウトの検証方法

最速日

675ms

最遅日

1003ms

14日間の傾向

遅延傾向+19%

Tailwind Excellence Prover Connector

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

コネクタリンクhttps://edge.vinkius.com/vk_preview_FdR5Ea2fMyzzvbauD84P40uMFKV5D3exRd23L6Fl/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 — Tailwind Excellence Prover capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

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

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

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

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

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

• 01

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

  Tailwind CSS v4 のベストプラクティスに従い、保守性の高いコードを書きたいエンジニア。

• 02

  UI/UXデザイナー

  デザインシステムに基づいた正確な実装が、コードレベルで守られているか確認したいデザイナー。

• 03

  Webアクセシビリティ担当者

  セマンティックHTMLやコントラスト比など、アクセシビリティ基準の遵守を自動化したい専門家。

• 01

  Does this work with Tailwind v3?

  This MCP is specifically built for Tailwind v4 architecture, focusing on @theme and @utility patterns rather than the legacy tailwind.config.js approach.

• 02

  How does it catch accessibility issues?

  The capability checks for the presence of focus-visible rings, aria-labels, sr-only text, and color contrast ratios to meet WCAG standards.

• 03

  What is an arbitrary value abuse?

  It refers to using classes like text-[#e74c3c] or w-[347px] more than once. If a value is used repeatedly, the capability requires it to be moved into the @theme scale.

• 04

  Can I use this with Cursor or VS Code?

  Yes, you can connect this MCP to any compatible client including Cursor, Windsurf, and VS Code through the Vinkius platform.

• 05

  What happens if the code fails validation?

  The capability provides a verdict and specific instructions on how to fix the design, accessibility, or responsive violations.

• 06

  Does it generate Tailwind code?

  No. The agent writes the UI. The capability VALIDATES that it follows design system principles. @theme tokens instead of arbitrary values, semantic HTML for accessibility, mobile-first responsive strategy, and clean component architecture with proper state variants.

• 07

  Does it support Tailwind v4?

  Yes. Tailwind v4 awareness is built in: @theme for design tokens (not tailwind.config.js), @import 'tailwindcss' (not @tailwind directives), @utility for custom utilities, @variant for custom variants, built-in container queries, and automatic content detection. It catches v3 anti-patterns in v4 projects.

• 08

  Why is accessibility a dedicated pillar?

  Because AI agents consistently generate div soup with no semantic HTML, no focus states, and no ARIA. Tailwind makes styling effortless but semantic structure and accessibility still require deliberate choices. This capability forces: semantic elements, focus-visible:ring, sr-only text, contrast ratios, and motion-safe variants.

• 

  UI/UX Excellence Prover AIコネクタ

  AI agents generate flat, lifeless interfaces: decorative shadows, linear animations, buttons without hover sta

  表示
• 

  Design Prover AIコネクタ

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

  表示
• 

  Laravel Excellence Prover AIコネクタ

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

  表示
• 

  Python Excellence Prover AIコネクタ

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

  表示

おすすめ

• 

  TypeScript Excellence Prover AIコネクタ

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

  表示
• 

  Critical Thinking Prover AIコネクタ

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

  表示
• 

  Legal Counsel Prover AIコネクタ

  AI agents cite fabricated statutes, ignore deadlines, and deliver one-sided legal memos. This tool forces rigo

  表示
• 

  Nikola Tesla Inventor Prover AIコネクタ

  An AI suggested 'build a pilot and iterate' for a complex system requiring 18 months of structural validation.

  表示