vertaaux-mcp
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 PR:
generate_pr在单个提交中应用 N 个补丁,或者不提交。冲突图 + AST 门控(Babel、vue-eslint-parser、svelte/compiler)会在补丁到达 PR 之前拒绝无法解析的补丁。确定性的发现 ID:
rule: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-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)。 |
| 通过运行快速审计来捕获屏幕截图。 |
| 将 UX 指标与竞争对手 URL 进行比较,并显示类别级别的分数差异。 |
| 将问题格式化为对开发者友好的 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