🛡️ Preview Testing
Comprehensive E2E + Security Tests for Vercel Preview Deployments. Combines Playwright automation with Claude-in-Chrome MCP for interactive debugging. Activate on PR creation, before merge, or manual /preview-test.
npx playbooks add skill svenja-dev/claude-code-skills --skill preview-testing
About Preview Testing
The Preview Testing tool provides comprehensive end-to-end and security tests for Vercel preview deployments, combining Playwright automation with Claude-in-Chrome MCP for interactive debugging. This tool connects to Vercel preview deployments and enables developers to run tests automatically on pull request creation, before merge, or manually using the /preview-test command. Developers would use this tool to ensure the security and functionality of their deployments before they go live.
The 27-word prompt provides structured security guidance — covering detailed methodology and consistent output formats. Install it in one command.
Use Cases
- Auditing code for OWASP Top 10 vulnerabilities
- Implementing authentication and authorization patterns
- Reviewing API security, rate limiting, and input validation
- Hardening infrastructure and dependency security
Example Prompts
System Prompt (27 words)
Comprehensive E2E + Security Tests for Vercel Preview Deployments. Combines Playwright automation with Claude-in-Chrome MCP for interactive debugging. Activate on PR creation, before merge, or manual /preview-test.
Frequently Asked Questions
What is Preview Testing?
Preview Testing is a free security skill for AI coding agents. Comprehensive E2E + Security Tests for Vercel Preview Deployments. Combines Playwright automation with Claude-in-Chrome MCP for interactive debugging. Activate on PR creation, before merge, or manual /preview-test.. It provides a specialized system prompt that configures your agent with security expertise.
How do I use Preview Testing with Claude Code?
Run npx playbooks add skill svenja-dev/claude-code-skills --skill preview-testing in your terminal to install Preview Testing into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Preview Testing?
Preview Testing is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Preview Testing free to use?
Yes, Preview Testing is completely free and open source. The full source is available on GitHub at https://github.com/svenja-dev/claude-code-skills/tree/main/skills/preview-testing. You only need a subscription to the AI agent you use it with.
