Skip to main content
Glama

VertaaUX MCP 服务器

这是唯一具备自主审计、修复和验证循环的 MCP 服务器。它能检测 7 个类别的 UX 和无障碍问题,生成框架感知补丁(React、Vue、Angular、Svelte),通过 Git Trees API 打开原子化的 GitHub PR,并验证修复是否已在生产环境中生效。专为具有“策略即代码”阈值的 CI/CD 流水线而构建。

为什么此服务器与众不同

  • verify_fixes 循环:无需离开代理循环即可完成审计、修复、再审计的闭环。限制在 3 次迭代内,以防止账单失控。

  • 框架感知补丁suggest_fix 通过最近的 package.json 检测 React/Vue/Angular/Svelte/Nuxt,并输出符合惯例的补丁(React 为 JSX 重写,其他框架保留 HTML 属性)。

  • 原子化 Git Trees PRgenerate_pr 在单个提交中应用 N 个补丁,或者不提交。冲突图 + AST 门控(Babel、vue-eslint-parser、svelte/compiler)会在补丁到达 PR 之前拒绝无法解析的补丁。

  • 确定性的发现 IDrule:hash 格式在审计运行中保持稳定,因此代理无需存储状态即可引用发现的问题。

  • 多引擎无障碍审计audit_a11y 在单次调用中结合了 axe-core、AccessLint 和 VertaaUX 分析器。

  • 策略即代码policy_check 完全镜像了 GitHub Action 的阈值评估器,确保 CI 和代理的判定结果一致。

Related MCP server: MCP Quality Hub

功能特性

  • 38 个工具,涵盖审计、修复、PR、调度、Webhook、策略和无障碍类别

  • 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.jsonserver.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

将 UX 指标与竞争对手 URL 进行比较,并显示类别级别的分数差异。

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