Skip to main content
Glama

VertaaUX MCP-Server

Der einzige MCP-Server mit einer autonomen Audit-, Korrektur- und Verifizierungsschleife. Erkennt UX- und Barrierefreiheitsprobleme in 7 Kategorien, generiert Framework-spezifische Patches (React, Vue, Angular, Svelte), erstellt atomare GitHub-PRs über die Git Trees API und verifiziert, ob die Korrektur in der Produktion angekommen ist. Entwickelt für CI/CD-Pipelines mit Policy-as-Code-Schwellenwerten.

Warum dieser Server anders ist

  • verify_fixes-Schleife: Schließen Sie den Audit-, Korrektur- und Re-Audit-Zyklus ab, ohne die Agenten-Schleife zu verlassen. Budgetbegrenzt auf 3 Iterationen, um ausufernde Kosten zu vermeiden.

  • Framework-spezifische Patches: suggest_fix erkennt React/Vue/Angular/Svelte/Nuxt anhand der nächstgelegenen package.json und erstellt idiomatische Patches (JSX-Rewrites für React, HTML-Attribute bleiben andernorts erhalten).

  • Atomare Git Trees PRs: generate_pr wendet N Patches in einem einzigen Commit an oder gar keinen. Konfliktgraph + AST-Gate (Babel, vue-eslint-parser, svelte/compiler) lehnen nicht analysierbare Patches ab, bevor sie den PR erreichen.

  • Deterministische Finding-IDs: rule:hash-Format, das über Audit-Läufe hinweg stabil bleibt, sodass Agenten auf Ergebnisse verweisen können, ohne den Status zu speichern.

  • Multi-Engine a11y: audit_a11y kombiniert axe-core, AccessLint und VertaaUX-Analysatoren in einem einzigen Aufruf.

  • Policy-as-code: policy_check spiegelt den Schwellenwert-Evaluator der GitHub Action exakt wider, sodass CI- und Agenten-Urteile übereinstimmen.

Related MCP server: MCP Quality Hub

Funktionen

  • 38 Tools in den Kategorien Audit, Korrektur, PR, Zeitplan, Webhook, Richtlinie und Barrierefreiheit

  • 7 Prompt-Vorlagen für gängige Workflows

  • 8 Ressourcen-URIs für Audit-Daten und UX-Richtlinien

  • Unternehmenskontrollen: Domain-Allowlist, Ratenbegrenzung, PII-Schwärzung

  • Dualer Transport: stdio (CLI/Desktop) + HTTP-Streaming (Web)

  • Offizielles MCP SDK: Spezifikationskonform über @modelcontextprotocol/sdk

Installation

Offizielles MCP-Register

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

npm

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

Drift-Richtlinie: smithery.yaml, glama.json und server.json werden automatisch aus dem Live-MCP-Tool-Register durch npm run generate:manifests generiert. Bearbeiten Sie diese niemals manuell. Siehe docs/REGISTRY-PUBLISHING.md für das Runbook.

Schnellstart

# 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-Integration

Claude Desktop

Hinzufügen zu ~/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 (mit MCP-Erweiterung)

Hinzufügen zu .vscode/settings.json:

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

Cursor

Hinzufügen zu .cursor/mcp.json:

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

Umgebungsvariablen

Variable

Erforderlich

Standard

Zweck

VERTAAUX_API_KEY

Ja

API-Authentifizierungsschlüssel

VERTAAUX_API_BASE

Nein

https://vertaaux.ai/api/v1

API-Endpunkt-URL

PORT

Nein

8787

HTTP-Transport-Port

GITHUB_TOKEN

Nein

GitHub-API-Zugriff für generate_pr

Tools

Audit-Tools (Kern)

Tool

Beschreibung

audit_url

Führt ein UX- und Barrierefreiheits-Audit auf einer bereitgestellten URL durch. Gibt die Top-5-Probleme mit Schweregrad-Aufschlüsselung zurück.

audit_repo

Statische Analyse der lokalen Codebasis (React/Vue/Svelte/HTML). Findet fehlende Alt-Texte, unbeschriftete Schaltflächen/Eingabefelder/Links.

audit_artifact

Audit aus HAR-Dateien (Antwortzeiten, fehlgeschlagene Anfragen, große Payloads) oder Lighthouse-JSON (Barrierefreiheitsergebnisse).

get_findings

Ruft Ergebnisse eines abgeschlossenen Audits ab, mit Filterung nach Schweregrad, Regel und Paginierung.

get_audit

Ruft den Status und die Ergebnisse eines Audit-Jobs anhand der Job-ID ab.

Korrektur- & Verifizierungs-Tools

Tool

Beschreibung

explain_finding

Detaillierte Analyse eines Ergebnisses: WCAG-Kriterien, Reproduktionsschritte, Korrekturhinweise, Vorher/Nachher-Codebeispiele.

suggest_fix

Generiert einen Suchen/Ersetzen-Patch mit Konfidenzwert. Unterstützt Einzel- und Batch-Modus.

generate_patch

Generiert einen Patch zur Behebung von Barrierefreiheitsproblemen für ein spezifisches Audit-Ergebnis.

run_verification_suite

Verifiziert, ob ein Patch das Problem ohne Regressionen behebt, mittels Vorher/Nachher-Audit.

generate_pr

Erstellt einen GitHub-PR-Entwurf mit Korrektur-Patches. Erfordert GITHUB_TOKEN.

create_pr_comment

Generiert einen PR-Kommentar mit Vorschlagsblöcken, sortiert nach Schweregrad.

Analyse-Tools

Tool

Beschreibung

analyze_component

Heuristische UX-Überprüfung von Komponentencode (kein Browser erforderlich). Prüft Bilder, Schaltflächen, Eingabefelder, Links.

run_llm_audit

Anbieterunabhängiges LLM-Audit (Mistral/OpenAI über Vertaa-Adapter).

capture_screenshot

Erstellt einen Screenshot durch Ausführen eines schnellen Audits.

compare_competitors

Vergleicht UX-Metriken mit Wettbewerber-URLs mit Score-Deltas auf Kategorieebene.

explain_issue

Formatiert ein Problem in entwicklerfreundliche Markdown-Anleitungen.

Management-Tools

Tool

Beschreibung

create_webhook

Registriert einen Webhook für Audit-Benachrichtigungen.

list_webhooks / delete_webhook

Verwaltet Webhooks.

create_schedule

Cron-basierte geplante Audits mit Warnungen bei Schwellenwert-Unterschreitung.

get_schedule / list_schedules / update_schedule / delete_schedule

Verwaltet Zeitpläne.

get_quota

Überprüft den Plan und die verbleibenden Credits.

get_engines

Listet verfügbare Engine-Versionen auf.

Barrierefreiheits-Tools (Multi-Engine)

Tool

Beschreibung

audit_a11y

Multi-Engine-Barrierefreiheits-Audit unter Verwendung von axe-core, AccessLint und benutzerdefinierten Analysatoren. Gibt WCAG-zugeordnete Ergebnisse mit strukturierten Korrekturvorschlägen und Reparierbarkeitsbewertungen zurück. Unterstützt min_impact-Filterung und mode (basic/standard/deep).

diff_a11y

Vergleicht aktuelle Barrierefreiheitsergebnisse mit einer gespeicherten Baseline. Gibt behobene, neue und unveränderte Ergebnisse mit einer Zusammenfassung der Nettoänderung zurück. Erfordert einen vorherigen audit_a11y-Aufruf zur Festlegung der Baseline.

Veraltet

Tool

Beschreibung

run_audit

VERALTET — Verwenden Sie stattdessen audit_url.

Prompt-Vorlagen

Vorgefertigte Workflow-Prompts für gängige Audit-Szenarien:

Prompt

Beschreibung

Argumente

quick_audit

Audit einer URL und Zusammenfassung der Top-Probleme mit Korrekturempfehlungen

url

fix_accessibility

Vollständiger Audit → Patch → PR-Kommentar-Workflow

url

compare_ux

Vergleich mit Wettbewerbern und Identifizierung von UX-Lücken

url, competitors, industry?

monitor_regression

Einrichtung einer geplanten Überwachung mit Warnungen

url, frequency?

audit_codebase

Statische Analyse der lokalen Codebasis

path

Ressourcen

Der Server stellt MCP-Ressourcen über vertaa://-URIs bereit:

URI-Muster

Beschreibung

vertaa://audits/{auditId}

Vollständiges Auditergebnis

vertaa://audits/{auditId}/summary

Leichte Zusammenfassung

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

Detail zu einem einzelnen Ergebnis

vertaa://screenshots/{auditId}

Screenshot-Metadaten

vertaa://screenshots/{auditId}/annotated

Annotierter Screenshot

vertaa://history/{encodedUrl}

Audit-Historie für URL

vertaa://history/{encodedUrl}/trend

Score-Trendanalyse

vertaa://guidelines/{topic}

UX-Richtlinien (Schaltflächen, Formulare, Navigation, Farbkontrast, Fehler, Inhalt)

Unternehmenskontrollen

Konfigurieren Sie Domain-Allowlists, Ratenbegrenzungen und PII-Schwärzung programmatisch:

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

Beispiel: Audit-zu-PR-Workflow

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

Entwicklung

Projektstruktur

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

Testen

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

Bauen

npm run build         # TypeScript → dist/

Fehlerbehandlung

Alle Fehler enthalten strukturierte Anleitungen zur Wiederherstellung:

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

Fehlercodes folgen JSON-RPC 2.0: -32700 (Parse), -32600 (ungültige Anfrage), -32601 (Methode nicht gefunden), -32602 (ungültige Parameter), -32603 (interner Fehler).

API-Referenz

Der MCP-Server kommuniziert mit der VertaaUX API v1. Siehe die API-Dokumentation.

Lizenz

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