vertaaux-mcp
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-mcpnpm
npm install -g @vertaaux/mcp-server
VERTAAUX_API_KEY=vx_live_... vertaaux-mcpドリフトポリシー:
smithery.yaml、glama.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:httpIDE統合
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_..."
}
}
}
}環境変数
変数 | 必須 | デフォルト | 用途 |
| はい | — | API認証キー |
| いいえ |
| APIエンドポイントURL |
| いいえ |
| HTTPトランスポートポート |
| いいえ | — |
|
ツール
監査ツール (コア)
ツール | 説明 |
| デプロイされたURLでUXおよびアクセシビリティ監査を実行します。深刻度別の内訳を含む上位5つの問題を返します。 |
| ローカルコードベース(React/Vue/Svelte/HTML)の静的解析を行います。altテキストの欠落、ラベルのないボタン/入力/リンクを検出します。 |
| HARファイル(応答時間、失敗したリクエスト、大きなペイロード)またはLighthouse JSON(アクセシビリティの検出結果)から監査します。 |
| 完了した監査から、深刻度、ルール、ページネーションでフィルタリングして検出結果を取得します。 |
| 監査ジョブIDでジョブのステータスと結果を取得します。 |
修正および検証ツール
ツール | 説明 |
| 検出結果の詳細(WCAG基準、再現手順、修正ガイダンス、修正前後のコード例)を深掘りします。 |
| 信頼度スコア付きの検索/置換パッチを生成します。単一およびバッチモードをサポートします。 |
| 監査からの特定の課題に対するアクセシビリティ修正パッチを生成します。 |
| 監査の前後比較を通じて、パッチが回帰なしで問題を修正したことを検証します。 |
| 修正パッチを含むGitHub PRドラフトを作成します。 |
| 深刻度順に並べられた提案ブロックを含むPRコメントを生成します。 |
分析ツール
ツール | 説明 |
| コンポーネントコードのヒューリスティックなUXレビュー(ブラウザ不要)。画像、ボタン、入力、リンクをチェックします。 |
| プロバイダー非依存のLLM監査(Vertaaアダプター経由でMistral/OpenAIを使用)。 |
| クイック監査を実行してスクリーンショットをキャプチャします。 |
| 競合他社のURLとUXメトリクスを比較し、カテゴリレベルのスコア差分を表示します。 |
| 課題を開発者向けのMarkdownガイダンスに整形します。 |
管理ツール
ツール | 説明 |
| 監査通知用のWebhookを登録します。 |
| Webhookを管理します。 |
| スコアしきい値アラート付きのCronベースのスケジュール監査を作成します。 |
| スケジュールを管理します。 |
| プランと残りのクレジットを確認します。 |
| 利用可能なエンジンバージョンを一覧表示します。 |
アクセシビリティツール (マルチエンジン)
ツール | 説明 |
| axe-core、AccessLint、カスタムアナライザーを使用したマルチエンジンアクセシビリティ監査。WCAGにマッピングされた検出結果と、構造化された修正案および修正可能性評価を返します。 |
| 現在のアクセシビリティ検出結果を保存されたベースラインと比較します。修正済み、新規、変更なしの検出結果とネット変更の要約を返します。ベースラインを確立するために、事前の |
非推奨
ツール | 説明 |
| 非推奨 — 代わりに |
プロンプトテンプレート
一般的な監査シナリオ向けの事前構築済みワークフロープロンプト:
プロンプト | 説明 | 引数 |
| URLを監査し、修正推奨事項とともに上位の問題を要約します |
|
| 全監査 → パッチ適用 → PRコメントのワークフロー |
|
| 競合他社と比較し、UXのギャップを特定します |
|
| アラート付きのスケジュール監視を設定します |
|
| ローカルコードベースの静的解析 |
|
リソース
サーバーは vertaa:// URI経由でMCPリソースを公開します:
URIパターン | 説明 |
| 監査結果全体 |
| 軽量な要約 |
| 単一の検出結果詳細 |
| スクリーンショットのメタデータ |
| 注釈付きスクリーンショット |
| URLの監査履歴 |
| スコア傾向分析 |
| 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
Maintenance
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
- AlicenseBqualityDmaintenanceAn 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!234748Mozilla Public 2.0
- -licenseNot gradedqualityNot gradedmaintenanceProvides 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.
- AlicenseBqualityBmaintenanceAn 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.239224MIT
- AlicenseAqualityDmaintenanceAn 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.14206MIT
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
Latest Blog Posts
- Who's Calling? MCP Hosts Are an Identity Blind Spot (And the Spec Knows It)By Om-Shree-0709 on .mcpAgent IdentityOAuth 2.1
- Your AI Chatbot Just Exposed Your CEO's Salary to an InternBy Om-Shree-0709 on .Agent IdentityMCP SecurityOAuth Delegation
- Why MCP Servers Need Execution Sandboxing (And Why Your Current Stack Isn't Enough)By Om-Shree-0709 on .Agentic AiPrompt InjectionWebAssembly
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