Skip to main content
Glama

VertaaUX MCPサーバー

自律的な監査、修正、検証ループを備えた唯一のMCPサーバーです。7つのカテゴリにわたるUXおよびアクセシビリティの問題を検出し、フレームワーク対応のパッチ(React、Vue、Angular、Svelte)を生成し、Git Trees API経由でアトミックなGitHubプルリクエスト(PR)を作成し、修正が本番環境に反映されたことを検証します。ポリシー・アズ・コード(Policy-as-Code)のしきい値を備え、CI/CDパイプライン向けに構築されています。

このサーバーが優れている理由

  • verify_fixes ループ: エージェントループを離れることなく、監査、修正、再監査のサイクルを完結させます。過剰な課金を防ぐため、3回までの反復制限が設けられています。

  • フレームワーク対応パッチ: suggest_fix は最も近い package.json からReact/Vue/Angular/Svelte/Nuxtを検出し、慣用的なパッチ(Reactの場合はJSXの書き換え、それ以外はHTML属性を保持)を出力します。

  • アトミックなGit Trees PR: generate_pr はN個のパッチを単一のコミットで適用します。競合グラフとASTゲート(Babel、vue-eslint-parser、svelte/compiler)により、解析不可能なパッチがPRに到達する前に拒否されます。

  • 決定論的な検出ID: rule:hash 形式により、監査実行間で安定しているため、エージェントは状態を保持せずに検出結果を参照できます。

  • マルチエンジンa11y: audit_a11y は、axe-core、AccessLint、VertaaUXアナライザーを単一の呼び出しで統合します。

  • ポリシー・アズ・コード: policy_check はGitHub Actionのしきい値評価を正確に反映しているため、CIとエージェントの判定が一致します。

Related MCP server: MCP Quality Hub

機能

  • 38のツール: 監査、修正、PR、スケジュール、Webhook、ポリシー、a11yカテゴリに分類

  • 7つのプロンプトテンプレート: 一般的なワークフロー用

  • 8つのリソースURI: 監査データおよびUXガイドライン用

  • エンタープライズ制御: ドメイン許可リスト、レート制限、PII(個人情報)の秘匿化

  • デュアルトランスポート: stdio(CLI/デスクトップ)およびHTTPストリーミング(Web)

  • 公式MCP SDK: @modelcontextprotocol/sdk による仕様準拠

インストール

MCP公式レジストリ

npx -y @modelcontextprotocol/cli install io.github.PetriLahdelma/vertaaux-mcp

npm

npm install -g @vertaaux/mcp-server
VERTAAUX_API_KEY=vx_live_... vertaaux-mcp

ドリフトポリシー: smithery.yamlglama.json、および server.json は、npm run generate:manifests によってライブMCPツールレジストリから自動生成されます。手動で編集しないでください。 実行手順については docs/REGISTRY-PUBLISHING.md を参照してください。

クイックスタート

# Install & build
npm install && npm run build

# Run (stdio transport, for Claude Desktop, VS Code, Cursor)
VERTAAUX_API_KEY=vx_live_... npm start

# Run (HTTP transport, for web clients)
VERTAAUX_API_KEY=vx_live_... npm run start:http

IDE統合

Claude Desktop

~/Library/Application Support/Claude/claude_desktop_config.json に追加します:

{
  "mcpServers": {
    "vertaaux": {
      "command": "node",
      "args": ["/path/to/mcp-server/dist/index.js"],
      "env": {
        "VERTAAUX_API_KEY": "vx_live_..."
      }
    }
  }
}

VS Code (MCP拡張機能を使用)

.vscode/settings.json に追加します:

{
  "mcp.servers": {
    "vertaaux": {
      "command": "node",
      "args": ["./mcp-server/dist/index.js"],
      "env": {
        "VERTAAUX_API_KEY": "vx_live_..."
      }
    }
  }
}

Cursor

.cursor/mcp.json に追加します:

{
  "mcpServers": {
    "vertaaux": {
      "command": "node",
      "args": ["/path/to/mcp-server/dist/index.js"],
      "env": {
        "VERTAAUX_API_KEY": "vx_live_..."
      }
    }
  }
}

環境変数

変数

必須

デフォルト

用途

VERTAAUX_API_KEY

はい

API認証キー

VERTAAUX_API_BASE

いいえ

https://vertaaux.ai/api/v1

APIエンドポイントURL

PORT

いいえ

8787

HTTPトランスポートポート

GITHUB_TOKEN

いいえ

generate_pr 用のGitHub APIアクセス

ツール

監査ツール (コア)

ツール

説明

audit_url

デプロイされたURLでUXおよびアクセシビリティ監査を実行します。深刻度別の内訳を含む上位5つの問題を返します。

audit_repo

ローカルコードベース(React/Vue/Svelte/HTML)の静的解析を行います。altテキストの欠落、ラベルのないボタン/入力/リンクを検出します。

audit_artifact

HARファイル(応答時間、失敗したリクエスト、大きなペイロード)またはLighthouse JSON(アクセシビリティの検出結果)から監査します。

get_findings

完了した監査から、深刻度、ルール、ページネーションでフィルタリングして検出結果を取得します。

get_audit

監査ジョブIDでジョブのステータスと結果を取得します。

修正および検証ツール

ツール

説明

explain_finding

検出結果の詳細(WCAG基準、再現手順、修正ガイダンス、修正前後のコード例)を深掘りします。

suggest_fix

信頼度スコア付きの検索/置換パッチを生成します。単一およびバッチモードをサポートします。

generate_patch

監査からの特定の課題に対するアクセシビリティ修正パッチを生成します。

run_verification_suite

監査の前後比較を通じて、パッチが回帰なしで問題を修正したことを検証します。

generate_pr

修正パッチを含むGitHub PRドラフトを作成します。GITHUB_TOKEN が必要です。

create_pr_comment

深刻度順に並べられた提案ブロックを含むPRコメントを生成します。

分析ツール

ツール

説明

analyze_component

コンポーネントコードのヒューリスティックなUXレビュー(ブラウザ不要)。画像、ボタン、入力、リンクをチェックします。

run_llm_audit

プロバイダー非依存のLLM監査(Vertaaアダプター経由でMistral/OpenAIを使用)。

capture_screenshot

クイック監査を実行してスクリーンショットをキャプチャします。

compare_competitors

競合他社のURLとUXメトリクスを比較し、カテゴリレベルのスコア差分を表示します。

explain_issue

課題を開発者向けのMarkdownガイダンスに整形します。

管理ツール

ツール

説明

create_webhook

監査通知用のWebhookを登録します。

list_webhooks / delete_webhook

Webhookを管理します。

create_schedule

スコアしきい値アラート付きのCronベースのスケジュール監査を作成します。

get_schedule / list_schedules / update_schedule / delete_schedule

スケジュールを管理します。

get_quota

プランと残りのクレジットを確認します。

get_engines

利用可能なエンジンバージョンを一覧表示します。

アクセシビリティツール (マルチエンジン)

ツール

説明

audit_a11y

axe-core、AccessLint、カスタムアナライザーを使用したマルチエンジンアクセシビリティ監査。WCAGにマッピングされた検出結果と、構造化された修正案および修正可能性評価を返します。min_impact フィルタリングと mode(基本/標準/詳細)をサポートします。

diff_a11y

現在のアクセシビリティ検出結果を保存されたベースラインと比較します。修正済み、新規、変更なしの検出結果とネット変更の要約を返します。ベースラインを確立するために、事前の audit_a11y 呼び出しが必要です。

非推奨

ツール

説明

run_audit

非推奨 — 代わりに audit_url を使用してください。

プロンプトテンプレート

一般的な監査シナリオ向けの事前構築済みワークフロープロンプト:

プロンプト

説明

引数

quick_audit

URLを監査し、修正推奨事項とともに上位の問題を要約します

url

fix_accessibility

全監査 → パッチ適用 → PRコメントのワークフロー

url

compare_ux

競合他社と比較し、UXのギャップを特定します

url, competitors, industry?

monitor_regression

アラート付きのスケジュール監視を設定します

url, frequency?

audit_codebase

ローカルコードベースの静的解析

path

リソース

サーバーは vertaa:// URI経由でMCPリソースを公開します:

URIパターン

説明

vertaa://audits/{auditId}

監査結果全体

vertaa://audits/{auditId}/summary

軽量な要約

vertaa://audits/{auditId}/findings/{findingId}

単一の検出結果詳細

vertaa://screenshots/{auditId}

スクリーンショットのメタデータ

vertaa://screenshots/{auditId}/annotated

注釈付きスクリーンショット

vertaa://history/{encodedUrl}

URLの監査履歴

vertaa://history/{encodedUrl}/trend

スコア傾向分析

vertaa://guidelines/{topic}

UXガイドライン(ボタン、フォーム、ナビゲーション、色のコントラスト、エラー、コンテンツ)

エンタープライズ制御

ドメイン許可リスト、レート制限、PII秘匿化をプログラムで設定します:

import { configureEnterpriseControls } from './server.js';

configureEnterpriseControls({
  allowlist: {
    allowed_domains: ['*.example.com'],
    denied_domains: ['internal.example.com'],
  },
  budget: {
    max_requests: 100,
    max_pages: 50,
    max_duration_ms: 60000,
    max_concurrency: 3,
  },
  redaction: {
    redact_emails: true,
    redact_phone_numbers: true,
    redact_credit_cards: true,
    custom_patterns: [
      { name: 'api_key', pattern: 'sk_[a-zA-Z0-9]{20,}', replacement: '[REDACTED]' }
    ],
  },
});

例: 監査からPRまでのワークフロー

1. audit_url({ url: "https://example.com", mode: "deep" })
   → Returns audit_id with top 5 issues

2. get_findings({ audit_id: "...", severity: "critical" })
   → Returns all critical findings with deterministic IDs

3. suggest_fix({ audit_id: "...", finding_id: "button-name:a1b2c3d4" })
   → Returns search/replace patch with 85% confidence

4. run_verification_suite({ url: "...", selector: "button.submit", rule_id: "button-name" })
   → Verifies fix resolves the issue

5. create_pr_comment({ file_path: "src/Button.tsx", patches: [...] })
   → Generates PR comment with suggestion blocks

開発

プロジェクト構造

mcp-server/
├── src/
│   ├── index.ts              # Main entry, tool registration
│   ├── server.ts             # MCP server config, resources, middleware
│   ├── a11y-tools.ts         # Multi-engine a11y audit & baseline diffing tools
│   ├── http.ts               # HTTP transport entry point
│   ├── prompts.ts            # MCP prompt templates
│   ├── analysis.ts           # Component analysis engine
│   ├── patch.ts              # Patch generation
│   ├── verification.ts       # Patch verification
│   ├── pr-comment.ts         # PR comment generation
│   ├── tools/
│   │   ├── audit-url.ts      # audit_url tool
│   │   ├── audit-repo.ts     # audit_repo tool (static analysis)
│   │   ├── audit-artifact.ts # audit_artifact tool (HAR/Lighthouse)
│   │   ├── get-findings.ts   # get_findings tool
│   │   ├── explain-finding.ts# explain_finding tool
│   │   ├── suggest-fix.ts    # suggest_fix tool
│   │   ├── generate-pr.ts    # generate_pr tool
│   │   └── index.ts          # Tool exports
│   ├── transports/
│   │   ├── stdio.ts          # Stdio transport (default)
│   │   └── http.ts           # HTTP streaming transport
│   ├── middleware/
│   │   ├── allowlist.ts      # Domain/path allowlist
│   │   ├── budget.ts         # Rate limiting & quotas
│   │   ├── redaction.ts      # PII redaction
│   │   └── index.ts          # Middleware stack
│   ├── resources/
│   │   ├── audit-results.ts  # vertaa://audits/* resources
│   │   ├── screenshots.ts    # vertaa://screenshots/* resources
│   │   ├── historical.ts     # vertaa://history/* resources
│   │   ├── legacy.ts         # Guidelines resources
│   │   └── index.ts          # Resource exports
│   ├── schemas/
│   │   ├── audit.ts          # Audit schemas (mode, findings)
│   │   ├── findings.ts       # Finding schemas
│   │   ├── controls.ts       # Enterprise control schemas
│   │   ├── errors.ts         # Error schemas
│   │   └── index.ts
│   ├── utils/
│   │   ├── error-recovery.ts # Structured errors with recovery guidance
│   │   ├── change-tracker.ts # Baseline change tracking
│   │   └── deterministic-id.ts # Stable finding IDs
│   └── index.test.ts         # Test suite
├── README.md
├── package.json
├── tsconfig.json
└── vitest.config.ts

テスト

npm test              # Run test suite
npm run test:watch    # Watch mode
npm run test:coverage # Coverage report

ビルド

npm run build         # TypeScript → dist/

エラーハンドリング

すべてのエラーには構造化された復旧ガイダンスが含まれます:

{
  "code": "AUDIT_NOT_FOUND",
  "message": "Audit abc123 not found.",
  "recovery": {
    "action": "Start a new audit for this URL",
    "tool": "audit_url",
    "params": { "url": "https://example.com" }
  }
}

エラーコードはJSON-RPC 2.0に従います:-32700(解析)、-32600(無効なリクエスト)、-32601(メソッドが見つからない)、-32602(無効なパラメータ)、-32603(内部エラー)。

APIリファレンス

MCPサーバーはVertaaUX API v1と通信します。APIドキュメント を参照してください。

ライセンス

MIT

Install Server
A
license - permissive license
A
quality
C
maintenance

Maintenance

Maintainers
Response time
Release cycle
Releases (12mo)
Commit activity

Resources

Unclaimed servers have limited discoverability.

Looking for Admin?

If you are the server author, to access and configure the admin panel.

Related MCP Servers

  • A
    license
    B
    quality
    D
    maintenance
    An MCP (Model Context Protocol) server for performing accessibility audits on webpages using axe-core. Use the results in an agentic loop with your favorite AI assistants (Cline/Cursor/GH Copilot) and let them fix a11y issues for you!
    2
    347
    48
    Mozilla Public 2.0
  • -
    license
    Not graded
    quality
    Not graded
    maintenance
    Provides comprehensive code quality tools including linting, security scanning, TypeScript checking, and testing through a single MCP server. Integrates multiple quality analysis tools like Biome, ESLint, and Playwright for streamlined development workflows.
  • A
    license
    B
    quality
    B
    maintenance
    An MCP server that provides comprehensive UX best practices covering accessibility, usability, UI patterns, design systems, performance, and more, enabling clients to analyze and generate UX-optimized code and recommendations.
    23
    92
    24
    MIT
  • A
    license
    A
    quality
    D
    maintenance
    An MCP server for web accessibility testing that enables scanning, auditing, and fixing WCAG, ADA, and other compliance issues directly from your IDE, with free local scans, AI-generated framework-aware fixes, and verification capabilities.
    14
    206
    MIT

View all related MCP servers

Related MCP Connectors

  • Official MCP server for Qase — manage test cases, runs, suites, defects via AI tools.

  • Voice-powered bug reporting with 13 MCP tools. Record bugs by talking; let AI find and fix them.

  • MCP server for Google Veo AI video generation

View all MCP Connectors

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/VertaaUX/mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server