e2e-frontend-validation

e2e-frontend-validation 是面向测试与安全的 Agent Skill，来自 mastra-ai/mastra。查看技能说明、操作步骤与使用约定，并通过原项目了解详细用法。

E2E validation workflow for frontend changes in playground packages using Playwright MCP

name	e2e-frontend-validation
description	E2E validation workflow for frontend changes in playground packages using Playwright MCP
model	claude-opus-4-5

E2E Validation for Frontend Modifications

Prerequisites

Requires Playwright MCP server. If the browser_navigate tool is unavailable, instruct the user to add it:

claude mcp add playwright -- npx @playwright/mcp@latest

After completing frontend changes:

pnpm build:cli

cd examples/agent && node ../../packages/cli/dist/index.js dev

Verify server is running - URL: http://localhost:4111 - Wait for the server to be ready before proceeding
Identify impacted routes - Routes are defined in packages/playground/src/App.tsx - Browse them ALL to verify behavior
Test with Playwright MCP - Use browser_navigate to visit each impacted route - Visually verify the changes render correctly - Test any interactive elements modified - Use browser_screenshot to capture results for the user

Step	Command/Action
Build	`pnpm build:cli`
Start	`cd examples/agent && node ../../packages/cli/dist/index.js dev`
App URL	http://localhost:4111
Routes	`@packages/playground/src/App.tsx`