Skip to main content
Glama

Servidor MCP de VertaaUX

El único servidor MCP con un bucle autónomo de auditoría, corrección y verificación. Detecta problemas de UX y accesibilidad en 7 categorías, genera parches compatibles con frameworks (React, Vue, Angular, Svelte), abre PRs atómicas en GitHub mediante la API de Git Trees y verifica que la corrección se haya aplicado en producción. Diseñado para pipelines de CI/CD con umbrales de política como código (policy-as-code).

Por qué este servidor es diferente

  • Bucle verify_fixes: cierra el ciclo de auditoría, corrección y re-auditoría sin salir del bucle del agente. Limitado a 3 iteraciones para evitar facturación excesiva.

  • Parches compatibles con frameworks: suggest_fix detecta React/Vue/Angular/Svelte/Nuxt a través del package.json más cercano y emite parches idiomáticos (reescritura de JSX para React, atributos HTML preservados en otros casos).

  • PRs atómicas de Git Trees: generate_pr aplica N parches en una sola confirmación (commit) o ninguna. El grafo de conflictos + puerta de AST (Babel, vue-eslint-parser, svelte/compiler) rechaza parches no analizables antes de que lleguen a la PR.

  • IDs de hallazgos deterministas: formato rule:hash estable a través de las ejecuciones de auditoría para que los agentes puedan referenciar hallazgos sin almacenar estado.

  • A11y multi-motor: audit_a11y combina axe-core, AccessLint y analizadores de VertaaUX en una sola llamada.

  • Política como código: policy_check refleja exactamente el evaluador de umbrales de GitHub Action para que los veredictos de CI y del agente coincidan.

Related MCP server: MCP Quality Hub

Características

  • 38 herramientas en categorías de auditoría, corrección, PR, programación, webhook, política y a11y

  • 7 plantillas de prompts para flujos de trabajo comunes

  • 8 URIs de recursos para datos de auditoría y directrices de UX

  • Controles empresariales: lista de permitidos de dominios, limitación de tasa, redacción de PII

  • Transporte dual: stdio (CLI/Escritorio) + streaming HTTP (web)

  • SDK oficial de MCP: compatible con la especificación mediante @modelcontextprotocol/sdk

Instalación

Registro oficial de 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

Política de deriva: smithery.yaml, glama.json y server.json se generan automáticamente desde el registro de herramientas MCP en vivo mediante npm run generate:manifests. Nunca los edites manualmente. Consulta docs/REGISTRY-PUBLISHING.md para el manual de operaciones.

Inicio rápido

# 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

Integración con IDE

Claude Desktop

Añadir a ~/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 (con extensión MCP)

Añadir a .vscode/settings.json:

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

Cursor

Añadir a .cursor/mcp.json:

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

Variables de entorno

Variable

Requerido

Predeterminado

Propósito

VERTAAUX_API_KEY

Clave de autenticación de API

VERTAAUX_API_BASE

No

https://vertaaux.ai/api/v1

URL del endpoint de la API

PORT

No

8787

Puerto de transporte HTTP

GITHUB_TOKEN

No

Acceso a la API de GitHub para generate_pr

Herramientas

Herramientas de auditoría (Núcleo)

Herramienta

Descripción

audit_url

Ejecuta una auditoría de UX y accesibilidad en una URL desplegada. Devuelve los 5 problemas principales con desglose de gravedad.

audit_repo

Análisis estático en el código base local (React/Vue/Svelte/HTML). Encuentra texto alternativo faltante, botones/entradas/enlaces sin etiqueta.

audit_artifact

Auditoría desde archivos HAR (tiempos de respuesta, solicitudes fallidas, cargas útiles grandes) o JSON de Lighthouse (hallazgos de accesibilidad).

get_findings

Recupera hallazgos de una auditoría completada con filtrado por gravedad, regla y paginación.

get_audit

Obtiene el estado y los resultados del trabajo de auditoría por ID de trabajo.

Herramientas de corrección y verificación

Herramienta

Descripción

explain_finding

Análisis profundo de un hallazgo: criterios WCAG, pasos de reproducción, guía de corrección, ejemplos de código antes/después.

suggest_fix

Genera un parche de búsqueda/reemplazo con puntuación de confianza. Admite modo individual y por lotes.

generate_patch

Genera un parche de corrección de accesibilidad para un problema específico de una auditoría.

run_verification_suite

Verifica que un parche solucione el problema sin regresiones mediante una auditoría antes/después.

generate_pr

Crea un borrador de PR en GitHub con parches de corrección. Requiere GITHUB_TOKEN.

create_pr_comment

Genera un comentario de PR con bloques de sugerencias, ordenados por gravedad.

Herramientas de análisis

Herramienta

Descripción

analyze_component

Revisión heurística de UX del código del componente (no requiere navegador). Comprueba imágenes, botones, entradas, enlaces.

run_llm_audit

Auditoría LLM agnóstica al proveedor (Mistral/OpenAI mediante adaptador Vertaa).

capture_screenshot

Captura una captura de pantalla ejecutando una auditoría rápida.

compare_competitors

Compara métricas de UX frente a URLs de la competencia con deltas de puntuación a nivel de categoría.

explain_issue

Formatea un problema en una guía de markdown amigable para desarrolladores.

Herramientas de gestión

Herramienta

Descripción

create_webhook

Registra un webhook para notificaciones de auditoría.

list_webhooks / delete_webhook

Gestiona webhooks.

create_schedule

Auditorías programadas basadas en Cron con alertas de umbral de puntuación.

get_schedule / list_schedules / update_schedule / delete_schedule

Gestiona programaciones.

get_quota

Comprueba el plan y los créditos restantes.

get_engines

Lista las versiones de motor disponibles.

Herramientas de accesibilidad (Multi-motor)

Herramienta

Descripción

audit_a11y

Auditoría de accesibilidad multi-motor usando axe-core, AccessLint y analizadores personalizados. Devuelve hallazgos mapeados a WCAG con sugerencias de corrección estructuradas y clasificaciones de facilidad de corrección. Admite filtrado min_impact y mode (básico/estándar/profundo).

diff_a11y

Compara los hallazgos de accesibilidad actuales frente a una línea base guardada. Devuelve hallazgos corregidos, nuevos y sin cambios con un resumen de cambio neto. Requiere una llamada previa a audit_a11y para establecer la línea base.

Obsoleto

Herramienta

Descripción

run_audit

OBSOLETO — Usa audit_url en su lugar.

Plantillas de prompts

Prompts de flujo de trabajo preconstruidos para escenarios de auditoría comunes:

Prompt

Descripción

Argumentos

quick_audit

Audita una URL y resume los problemas principales con recomendaciones de corrección

url

fix_accessibility

Flujo de trabajo completo de auditoría → parche → comentario de PR

url

compare_ux

Compara frente a competidores e identifica brechas de UX

url, competitors, industry?

monitor_regression

Configura monitoreo programado con alertas

url, frequency?

audit_codebase

Análisis estático en el código base local

path

Recursos

El servidor expone recursos MCP a través de URIs vertaa://:

Patrón de URI

Descripción

vertaa://audits/{auditId}

Resultado completo de la auditoría

vertaa://audits/{auditId}/summary

Resumen ligero

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

Detalle de un solo hallazgo

vertaa://screenshots/{auditId}

Metadatos de captura de pantalla

vertaa://screenshots/{auditId}/annotated

Captura de pantalla anotada

vertaa://history/{encodedUrl}

Historial de auditoría para una URL

vertaa://history/{encodedUrl}/trend

Análisis de tendencia de puntuación

vertaa://guidelines/{topic}

Directrices de UX (botones, formularios, navegación, contraste de color, errores, contenido)

Controles empresariales

Configura listas de permitidos de dominios, límites de tasa y redacción de PII programáticamente:

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]' }
    ],
  },
});

Ejemplo: Flujo de trabajo de auditoría a 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

Desarrollo

Estructura del proyecto

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

Pruebas

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

Construcción

npm run build         # TypeScript → dist/

Manejo de errores

Todos los errores incluyen una guía de recuperación estructurada:

{
  "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" }
  }
}

Los códigos de error siguen JSON-RPC 2.0: -32700 (análisis), -32600 (solicitud no válida), -32601 (método no encontrado), -32602 (parámetros no válidos), -32603 (error interno).

Referencia de API

El servidor MCP se comunica con la API v1 de VertaaUX. Consulta la Documentación de la API.

Licencia

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