mcpField
V
val

val

本地服务
val.nyx-intelligence.com开发工具022 周前更新

关于 val

val 是通过 GitHub Action 运行的 QA Agent,可在真实浏览器中检查应用预览,发现界面和无障碍问题,并可在拉取请求中发布结果。

主要功能

  1. 01抓取同源页面
  2. 02检查链接、脚本和图像
  3. 03检测布局与无障碍问题
  4. 04测试桌面和移动设备配置
  5. 05在拉取请求中评论检查结果

适用场景

  1. 01在每个拉取请求上运行浏览器 QA
  2. 02合并前检查预览部署
  3. 03发现仅在移动端出现的布局问题

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"com-nyx-intelligence-val": {
"command": "npx",
"args": [
"-y",
"@nyx-intelligence/val-mcp"
],
"env": {
"VAL_LICENSE_KEY": "<VAL_LICENSE_KEY>"
}
}
}
}
启动命令npx -y @nyx-intelligence/val-mcp
需要配置的环境变量
VAL_LICENSE_KEY密钥Your Val license key (vk_...). Subscribe at val.nyx-intelligence.com (4.99 USD per month) if you do not have one.

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
npm@nyx-intelligence/val-mcp0.10.1

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。

详细介绍

Val QA 扫描 — GitHub Action

在每个 PR 上运行 Val,这是一款面向氛围编程应用的 QA Agent。Val 会通过真实浏览器访问预览 URL,发现失效链接、无响应按钮、损坏的布局、无障碍违规问题,并以 PR 评论的形式发布报告。

需要订阅 Val

Val 是一款付费产品。请在 val.nyx-intelligence.com 获取许可证密钥,将其保存为仓库机密(例如 VAL_LICENSE_KEY),并传递给此 Action。

快速开始

name: Val QA
on: pull_request

jobs:
  qa:
    runs-on: ubuntu-latest
    steps:
      - name: Deploy preview
        id: deploy
        # ... your preview deployment step (Vercel, Netlify, etc.) ...
        # outputs.url should be the preview URL

      - name: Val scan
        uses: nyx-intelligence/val-action@v1
        with:
          url: ${{ steps.deploy.outputs.url }}
          license-key: ${{ secrets.VAL_LICENSE_KEY }}
          devices: 'desktop,iPhone 14'
          fail-on: 'high'

输入

名称默认值说明
url(必填)Val 应扫描的 URL。请传入预览部署 URL。
license-key(必填)你的 Val 许可证密钥(vk_...)。请在 val.nyx-intelligence.com 获取。
max-pages12要爬取的同源页面数上限。
devicesdesktop以逗号分隔的设备配置,例如 desktop,iPhone 14,Pixel 7。
fail-onhigh导致 Action 失败的问题严重级别:high、medium、low 或 never。
commenttrue是否以 PR 评论的形式发布报告(true / false)。
github-token${{ github.token }}用于发布 PR 评论的令牌。

输出

名称说明
high高严重级别发现的数量。
medium中严重级别发现的数量。
low低严重级别发现的数量。
report-path原始报告文件的路径。

Val 检查的内容

  • 失效链接和 4xx/5xx 响应
  • 未捕获的 JS 错误和控制台错误
  • 损坏或缺失的图片
  • 移动设备上的水平布局溢出
  • 固定容器中的文本被截断
  • 累积布局偏移(加载卡顿)
  • 无障碍基础项:缺少 alt、按钮无名称、输入框无标签、缺少 <html lang>
  • 多设备检查:发现仅在移动设备或仅在桌面设备上出现的问题

权限

此 Action 需要 pull-requests: write 权限才能发布评论:

permissions:
  contents: read
  pull-requests: write

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。