vertaaux-mcp
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-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). |
| 빠른 감사를 실행하여 스크린샷을 캡처합니다. |
| 카테고리 수준의 점수 차이와 함께 경쟁사 URL 대비 UX 지표를 비교합니다. |
| 문제를 개발자 친화적인 마크다운 지침으로 형식화합니다. |
관리 도구
도구 | 설명 |
| 감사 알림을 위한 웹훅을 등록합니다. |
| 웹훅을 관리합니다. |
| 점수 임계값 알림이 포함된 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]' }
],
},
});예시: 감사-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
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