mcpField
V
val

val

ローカル
val.nyx-intelligence.com開発ツール022 週間前に更新

val について

valは、GitHub Actionとして実行され、実ブラウザーでアプリのプレビューを検査するQAエージェントです。画面やアクセシビリティの問題を見つけ、プルリクエストに結果を投稿できます。

主な機能

  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 scan — GitHub Action

バイブコーディングで作成したアプリの QA エージェントである Val を、すべての PR で実行します。Val はプレビュー URL に対して実際のブラウザーを操作し、リンク切れ、動作しないボタン、レイアウトの崩れ、アクセシビリティ違反を検出して、PR コメントとしてレポートを投稿します。

Val のサブスクリプションが必要です

Val は有料の製品です。val.nyx-intelligence.com でライセンスキーを取得し、リポジトリシークレット(例:VAL_LICENSE_KEY)として保存して、アクションに渡してください。

クイックスタート

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アクションを失敗とする重要度です。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> の欠落
  • マルチデバイス:モバイルまたはデスクトップでのみ発生するバグを検出

権限

コメントを投稿するには、アクションに pull-requests: write が必要です。

permissions:
  contents: read
  pull-requests: write

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。