Skip to main content
Glama

VertaaUX MCP 서버

자동화된 감사, 수정 및 검증 루프를 갖춘 유일한 MCP 서버입니다. 7가지 카테고리에 걸쳐 UX 및 접근성 문제를 감지하고, 프레임워크 인식 패치(React, Vue, Angular, Svelte)를 생성하며, Git Trees API를 통해 원자적(atomic) 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, 일정, 웹훅, 정책 및 a11y 카테고리 전반

  • 7개의 프롬프트 템플릿: 일반적인 워크플로우용

  • 8개의 리소스 URI: 감사 데이터 및 UX 가이드라인용

  • 엔터프라이즈 제어: 도메인 허용 목록, 속도 제한, PII 마스킹

  • 이중 전송: stdio(CLI/데스크톱) + HTTP 스트리밍(웹)

  • 공식 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.yaml, glama.jsonserver.jsonnpm 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

카테고리 수준의 점수 차이와 함께 경쟁사 URL 대비 UX 지표를 비교합니다.

explain_issue

문제를 개발자 친화적인 마크다운 지침으로 형식화합니다.

관리 도구

도구

설명

create_webhook

감사 알림을 위한 웹훅을 등록합니다.

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

예시: 감사-to-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