プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。Google でログインするとレビューを書けます。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

PlaywrightGen

作者:hmamut39バージョン 1.0.0i★ 0iクラウドで動く
レジストリ名com.playwrightgen/playwrightgen

インストール方法

What it does

Approved test intent, reviewed Playwright automation and run evidence, inside your editor.

  • Connects クラウドで動く
  • Account or key Needs Authorization
  • Category ウェブ・ブラウザ

インストール

使っているAIアプリを選んで、設定をコピーしてください。

チェック 4/5 合格 · 質問内容は提供元のサーバー(playwrightgen.com)を通ります

まず:どの AI を使っていますか?

使っているアプリを選ぶと、下に手順が表示されます。

Claude につなげます · 約 5 分

PlaywrightGen のキーが必要です(提供元のサイトで作成) · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー(Owner)が追加

  1. PlaywrightGen に登録してキーを作る

    提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。

    PlaywrightGen のサイトを開く ↗

  2. Claude の Connectors ページを開く

    CustomizeConnectors

    CustomizeConnectors1+ Add2https://…3Add4
  3. 「+ Add」→「Add custom connector」を押し、この 2 つを入力

    ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します

    Name · 名前PlaywrightGen
    Remote MCP server URL · アドレスhttps://playwrightgen.com/api/mcp

    Request headers に、この名前と値を追加

    ヘッダー名Authorization
    値Bearer <ここにキーを貼り付け>

    キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください

    Authentication は Claude が検出したままにして Add を押します

  4. チャットで有効にする

    +ConnectorsPlaywrightGen

  5. 試してみる

    PlaywrightGen を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude が PlaywrightGen を使っていると言うか、回答に PlaywrightGen のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

ChatGPT はまだ PlaywrightGen につなげません

PlaywrightGen は接続時に自分のキーが必要ですが、OpenAI のヘルプページは OAuth ログインしか説明しておらず、確認できたキー入力方法がありません

代わりにできること

A · PlaywrightGen につなげるアプリを使う

  • PlaywrightGen のキーが必要です(提供元のサイトで作成) · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで · Team/Enterprise はオーナー(Owner)が追加
  • PlaywrightGen のキーが必要です(提供元のサイトで作成)
  • PlaywrightGen のキーが必要です(提供元のサイトで作成)
  • PlaywrightGen のキーが必要です(提供元のサイトで作成)

B · ウェブ・ブラウザ の中で ChatGPT につなげる別のサーバー

同じカテゴリでよく使われているものから、キーなしでアドレスだけでつなげるものを選びました

Claude Code につなげます · 約 5 分

PlaywrightGen のキーが必要です(提供元のサイトで作成)

  1. PlaywrightGen に登録してキーを作る

    提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。

    PlaywrightGen のサイトを開く ↗

  2. ターミナルを開く

    Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く

  3. このコマンドを貼り付けて Enter

    claude mcp add --transport http --scope user playwrightgen https://playwrightgen.com/api/mcp --header 'Authorization: Bearer your-value'

    Enter の前に「your-value」を自分のキーに書き換えてください

    キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください

  4. Claude Code で /mcp と入力

    PlaywrightGen が一覧にあり、接続済みと表示されれば OK です

  5. 試してみる

    PlaywrightGen を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Claude Code が PlaywrightGen を使っていると言うか、回答に PlaywrightGen のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Cursor につなげます · 約 5 分

PlaywrightGen のキーが必要です(提供元のサイトで作成)

  1. PlaywrightGen に登録してキーを作る

    提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。

    PlaywrightGen のサイトを開く ↗

  2. このボタンで Cursor を開く

    Cursor で開く

    Cursor がインストールの確認をするので Install を押します

  3. キーを入力

    PlaywrightGen の設定で Authorization が空です。自分のキーを入れて保存します

    キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください

  4. Cursor の AI チャットを Agent モードで開く

  5. 試してみる

    PlaywrightGen を使って、私に何ができるか教えて、1 つやってみせて

    ✓ Cursor が PlaywrightGen を使っていると言うか、回答に PlaywrightGen のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

VS Code につなげます · 約 5 分

PlaywrightGen のキーが必要です(提供元のサイトで作成)

  1. PlaywrightGen に登録してキーを作る

    提供元のサイトで登録し、次の手順で使う API キーを作ります。料金や無料プランは提供元のサイトで確認してください。

    PlaywrightGen のサイトを開く ↗

  2. このボタンで VS Code を開く

    VS Code で開く

    VS Code がインストールの確認をするので Install を押します

  3. キーを入力

    PlaywrightGen の設定で Authorization が空です。自分のキーを入れて保存します

    キーはアプリの入力欄にだけ貼り付け、チャットに貼ったり人に送ったりしないでください

  4. VS Code の AI チャットを Agent モードで開く

  5. 試してみる

    PlaywrightGen を使って、私に何ができるか教えて、1 つやってみせて

    ✓ VS Code が PlaywrightGen を使っていると言うか、回答に PlaywrightGen のツール名が出れば接続成功です

メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります

Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください

MCP を使えるアプリをすべて見る →

Web 経由でつなぐアプリ用のアドレス

アドレスhttps://playwrightgen.com/api/mcp

JSON 設定は下の「開発者向け」にあります

つまずいたら?PlaywrightGen を使っている人に聞いてみましょう💬 ディスカッション →
開発者向け:ターミナルのコマンドと JSON 設定

Web 経由

Claude Code

claude mcp add --transport http --scope user playwrightgen https://playwrightgen.com/api/mcp --header 'Authorization: Bearer your-value'

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "playwrightgen": {
      "url": "https://playwrightgen.com/api/mcp",
      "headers": {
        "Authorization": "Bearer your-value"
      }
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "playwrightgen": {
      "type": "http",
      "url": "https://playwrightgen.com/api/mcp",
      "headers": {
        "Authorization": "Bearer your-value"
      }
    }
  }
}

自分で入力する値

  • Authorization 秘密 必須 HTTP header
    Bearer , where the token is the personal editor token from your project's Automation page in PlaywrightGen. It speaks for you, proposes but never approves, and stops working when your access ends.

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

ひと目でわかる

週あたりのダウンロードi
npm/PyPIにない
確認済みドメイン
✓ playwrightgen.com
ライセンスi
ライセンスの記載なし
接続方法
クラウドで動く
トランスポート
streamable-http
最新バージョンi
1.0.0
レジストリ公開日i
2026年9月20日
コードの最終更新i
2026年11月9日
作者
hmamut39
ウェブサイト
playwrightgen.com
レジストリでの状態
有効

使えるアプリ

このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。

インターネット経由でつなげるアプリ

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast

すべてのアプリと長所・短所 →

できること

このサーバーは、ツール一覧を表示する前にサインインを求めます。

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月12日にチェック

  • ✓ 合格

    作者とリポジトリが一致

    レジストリ名はドメイン playwrightgen.com で確認済みです(レジストリがドメインの所有を確認しています)

  • ✓ 合格

    今もメンテナンスされている

    コードの最終更新:3 日前

  • ✕ 不合格

    ライセンスがある

    リポジトリにライセンスファイルが見つかりません

  • ✓ 合格

    エンドポイントが応答する

    395ミリ秒で応答(HTTP 401)

  • ✓ 合格

    OAuthでサインイン

    OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます

  • … 未チェック

    ツールの説明に隠れた指示がない

    まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります

話し合い

質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。

まだ投稿はありません。最初の質問や共有をどうぞ。

ここの投稿は利用者によるもので、PopNx チームのものではありません。

Google でログインして投稿

ユーザーレビュー

まだレビューはありません

Google でログインしてレビューを書く

ウェブ・ブラウザのほかのサーバーとの比較i

  • このカテゴリのほかの1472件のうち0%よりスターが多い
  • このカテゴリのほかの1472件のうち34%より最近レジストリに公開
  • 基本チェックの結果が、このカテゴリのほかの1472件のうち57%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

PlaywrightGenは安全ですか?

当てはまる基本チェック5項目のうち4項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか?

入力が必要なもの:Authorization

パソコンで動きますか、それともクラウドですか?

作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。

今もメンテナンスされていますか?

GitHubリポジトリの最終更新は3 日前、最新バージョン(1.0.0)がレジストリに届いたのは2 か月前です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP に対応したアプリでも使えます(例:ChatGPT Business 以上)。

代わりに使えるものは?

同じカテゴリには:Browser Use, Scrapling MCP Server, Chrome DevTools MCP

同じカテゴリのほかの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Browser Use

Browser agents and stealth cloud browsers for AI: run web tasks, fill forms, extract data.

作者:browser-use広く使われている↓ 167.3万/週★ 12.1万22 日前更新

パソコンでもクラウドでも✓ 提供元 · browser-use.com

Scrapling MCP Server

Web scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.

作者:D4Vinci広く使われている↓ 39.7万/週★ 10.2万7 日前更新

パソコンで動く

Chrome DevTools MCP

MCP server for Chrome DevTools

作者:ChromeDevTools広く使われている↓ 186.9万/週★ 5.5万昨日更新

パソコンで動く

作者のREADME

READMEを開く

作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。

PlaywrightGen

Playwright tests written from your real page, run until they pass, and kept as evidence a person approved.

Live at playwrightgen.com.

Writing a Playwright test is no longer the hard part — every editor has an assistant that will do it. What none of them keep is the thing an audit, a release decision or a customer actually asks for: which behaviour was agreed, by whom, at which version, and what the last run proved. That record is what this product is.

How it works

Two ways in, one chain.

The free tools need no account. Say what to test, paste a public URL, and PlaywrightGen reads the page, writes a test from its real accessibility tree, runs it in a remote browser, and fixes the failing step until it passes. You get working code and the run that proves it, signed so the evidence survives if you later bring it into a workspace. Nothing durable is claimed until you do.

The workspace turns that into a record:

  1. A Requirement is drafted, reviewed and approved. Approving writes an immutable version.
  2. Test Cases carry objective, steps and expected results, are approved the same way, and link to the Requirements they verify.
  3. Automation is generated from an approved Test Case version, validated against deterministic rules, proven on the live page, and then approved by a person — never by the generator and never by an agent.
  4. Run evidence arrives from your own CI. Your tests run on your runners, against your environment, with your secrets; only a bounded summary of results is sent. A [pwg:...] marker in the test title is what ties a result to the approved version it is evidence for.
  5. A proof link shares the result outside the team: a signed URL anybody can open, with an acceptance signature and a downloadable file they can keep.

Every claim on that chain names its source. A requirement with no passing test says so; a run that was skipped says it proved nothing; a report that was bounded says how much it did not cover.

What holds it honest

  • A prompt is a request; a validator is a rule. Every promise a prompt makes has a deterministic check behind it: no focused tests, no fixed sleeps, no credentials in the file, no request to an address that is not the application under test, no Node capability a browser test has no business reaching for.
  • A repair may not weaken a test. The quickest way to make a failing assertion pass is to delete it, so a fix that checks less than the test it was given is refused.
  • Separation of duties. The person who proposed something cannot be the one who approves it; the MCP server can propose and send code and has no capability to approve, accept, share or delete, which a test enforces by reading the import graph.
  • Every AI surface is measured. npm run evals grades each prompt deterministically against structured output and compares the run with a hand-blessed baseline.

For agents (MCP)

PlaywrightGen is an MCP server, so Claude Code, Cursor or Copilot can read the approved intent instead of guessing: sixteen tools covering requirements, test cases, approved automation, recent failures, writing and proving a test on a live page, and proposing drafts for review. An agent gets exactly the rights of the person whose token it used.

Running it locally

npm install

npm run dev

Then npm run test:run for the suite, npm run typecheck, npm run lint, and npm run build. Integration tests need TEST_DATABASE_URL pointing at a database used for nothing else; they refuse anything that looks like production.

Built with Next.js, TypeScript, PostgreSQL (Prisma), Clerk, Tailwind, Playwright, OpenAI and Stripe.

Environment

Runtime:

  • DATABASE_URL — PostgreSQL for the application.
  • DIRECT_URL — optional direct connection preferred by migration commands.
  • TEST_DATABASE_URL — a separate database for integration tests. It never falls back to either of the above.
  • NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY, CLERK_SECRET_KEY, CLERK_WEBHOOK_SIGNING_SECRET
  • OPENAI_API_KEY — server-only. Per-surface model overrides exist, for example OPENAI_REQUIREMENT_REVIEW_MODEL and OPENAI_FAILURE_ANALYSIS_MODEL.
  • UPSTASH_REDIS_REST_URL, UPSTASH_REDIS_REST_TOKEN — the per-minute and per-day AI allowances.
  • RUNNER_INGEST_SECRET — signs live-run receipts, so a receipt proves a run of that exact code.
  • BROWSERLESS_API_KEY — the remote browser the free tools and proving use.
  • EXAMPLE_EVIDENCE_PROJECT_ID — optional: the one project whose evidence is published publicly at /proof/example.

GitHub integration (separate values per environment):

  • GITHUB_APP_ID, GITHUB_APP_PRIVATE_KEY, GITHUB_APP_SLUG, GITHUB_APP_CLIENT_ID, GITHUB_APP_CLIENT_SECRET, GITHUB_WEBHOOK_SECRET
  • GITHUB_SETUP_STATE_SECRET — at least 32 characters, distinct from every other secret.
  • NEXT_PUBLIC_APP_URL — the exact origin the GitHub callback returns to.

The App is held to a permission ceiling, checked on every installation and refused if exceeded: metadata: read, contents: read and write, pull_requests: read and write, issues: read. Contents write is what opens a pull request with approved test code; pull-requests write is what leaves the evidence note on it; issues read is what drafts a requirement from a ticket. User and installation tokens are transient and are never logged or stored.

Clerk webhooks go to /api/webhooks/clerk with CLERK_WEBHOOK_SIGNING_SECRET set locally and in the deployment, subscribed to:

  • user.created, user.updated, user.deleted
  • organization.created, organization.updated, organization.deleted
  • organizationMembership.created, organizationMembership.updated, organizationMembership.deleted

Local webhook delivery needs a secure tunnel to the local application. Never put a webhook secret in documentation or source control.

Operations

Reconcile one Clerk organization, dry-run by default:

npm run clerk:reconcile -- --organization-id org_example

or

npm run clerk:reconcile -- --slug workspace-slug

Add --apply after reading the dry-run counts. It never sweeps every organization.

Database:

npm run prisma:format

npm run prisma:validate npm run prisma:generate npm run prisma:migrate:dev npm run test:database

Never commit credentials, secrets, .env or .env.local. Never point a development migration or reset command at production.

Where the work is written down

  • docs/ROADMAP.md — what shipped, what is next, and what was deliberately not done.
  • docs/DECISIONS.md — architecture decisions, each with its reason.
  • docs/ARCHITECTURE.md, docs/PRODUCTION_READINESS.md — the shape of the system and the gates before a production deploy.
  • examples/ci-proof — a disposable repository that proves the CI loop end to end.