Headless PDF & Social Card Generator
Render pixel-perfect PDF contracts, receipts, full-page screenshots, and dynamic 1200x630 OpenGraph social previews directly via Playwright.
1. Pixel-Perfect PDF Export
2. Dynamic OpenGraph (OG) Card Generator
3. Advanced Screenshots & Responsive Captures (v2)
Virtual Scrolling & Multi-Device EmulationAccessibility (Axe) & Visual Regression Hub
Scan any page with @axe-core/playwright for WCAG 2.1 compliance violations and run pixel-diff visual regressions against baseline references.
1. WCAG Accessibility Auditor (Axe-Core)
2. Visual Regression Engine (Pixelmatch)
3. End-to-End Form Lifecycle, Negative State & Idempotency Testing
Constraint Violation Blocking & Double-Submit ProtectionBot Prerenderer & SEO Structured Schema Auditor
Serve hydrated static HTML snapshots of heavy SPAs to search bots, and audit JSON-LD microdata, OpenGraph tags, and canonical links.
1. Full SEO & Schema Audit
2. Dynamic Static Snapshot (SPA Prerenderer)
3. Site-Wide Link Health, Reachability & Redirect Crawler
Asynchronous HTTP Reachability ScannerCore Web Vitals & Synthetic Transaction Runner
Profile real-time LCP/CLS/TBT/TTFB performance metrics and simulate recurring multi-step user transactions with error detection.
1. Core Web Vitals Profiler
2. Synthetic Transaction Monitor
Automated Data Entry & Session Replay
Perform automated form submissions, download statements, and replay authenticated sessions without manual re-login.
Execute Automated Form Workflow
CSP, Security Headers & Cookie Consent Scanner
Verify Content Security Policy (CSP), HSTS, and enforce GDPR/CCPA cookie consent rules by auditing cookie initialization before vs. after consent.
1. HTTP Response Security Headers Audit
2. Cookie Consent & Tracking Enforcer
Playwright "Hands & Eyes" Autonomous Tool Executor
Serves as the eyes and hands for LLM AI agents: extracts token-optimized DOM accessibility trees (AXTree), maps interactive element coordinates, and executes precision autonomous action loops.
1. Fully Automated AI Agent Exploration Loop
Autonomous Perception & Action Cycle2. Interactive Step-by-Step Developer Session
Interactive DOM AXTree Map
Action Step Executor
Cloudflare Access & SSO In-App Login
Sign in to your protected test site through Cloudflare Access/SSO (with email PIN or 2FA) directly inside the app. Session cookies (CF_Authorization, tokens) are saved so all subsequent audits run behind the login wall without login redirects.
Clicking below opens an in-app interactive browser window. Enter your work email, password, and the 2FA code sent to your inbox. Once you reach your dashboard, the session is saved automatically.
Checking session status...
- 3-Breakpoint Screenshots of internal test pages
- Form testing & error diagnostics behind login
- A11y & Core Web Vitals on authenticated dashboards
(()=>{ const val = prompt('Paste your CF_Authorization value (from Application -> Cookies):', '') || ''; if (!val) return console.warn('No token entered'); const json = { cookies: [{ name: 'CF_Authorization', value: val.trim(), domain: '.' + location.hostname.split('.').slice(-3).join('.'), path: '/', expires: -1, httpOnly: true, secure: true, sameSite: 'None' }], origins: [] }; copy(JSON.stringify(json, null, 2)); console.log('✓ Clean Cloudflare JSON copied to clipboard! Now paste it below in the App.'); })();
config/auth-state.json
Local Automation, Cloudinary 2FA & CLI Guide
Run Playwright audits directly on your computer or CI/CD pipelines, authenticate through Cloudinary/SSO login walls with 2FA email codes, and synchronize with Git in 1-click.
Install and configure the full Playwright engine, Chromium binaries, and CLI runner on any computer:
irm https://pw.juliusponce.site/install.ps1 | iex
curl -fsSL https://pw.juliusponce.site/install.sh | bash
Log in to your work account behind 2FA email verification walls once and save the authenticated session:
Saved to config/auth-state.json for seamless re-use across all audit commands.
npm run audit -- --url https://your-test-site.com --auth
npm run audit -- --url https://your-test-site.com --discipline media --auth
npm run audit -- --url https://your-test-site.com --auth --headed
The Playwright Companion extension integrates directly into your browser side panel and popup. Follow these steps for 1-click loading across Chrome, Edge, Brave, and Opera:
Click Download Extension Zip and extract the folder to a permanent local location (e.g. Documents/playwright-companion).
Open your browser extensions manager:
• Chrome / Brave: chrome://extensions
• MS Edge: edge://extensions
• Opera: opera://extensions
Toggle "Developer mode" ON (top right).
Click "Load unpacked" and select the extracted folder. Click the puzzle icon in your browser toolbar and Pin the extension for instant 1-click access.
When updates are pushed to the repository, simply re-download or sync the folder, navigate to chrome://extensions, and click the circular Reload (↻) button on the Playwright Companion card. All new audit features, auth extraction tools, and telemetry bars update instantly without reinstalling!
Executive Reports & Audit History
Consolidated audit reports generated across all 7 Playwright modules. Download executive PDF reports, inspect HTML layouts, or consume structured JSON.
| Report Title / Target | Module | Generated | Status | Actions |
|---|---|---|---|---|
| Loading reports history... | ||||