🚀 Launch in Grok Bot (x.ai/bot) ↗ 📋 Copy x.ai/bot Link { } Inspect JSON API Ground-Truth Source ↗

⚡ 1-Click Agent & Developer Install

Zero Auth · Ready for Grok Bot, Claude Code & Cursor

### Blueprint Overview & Purpose **Site QA Desk — Multi-Viewport Visual, Link & Form Verification Bot** (`site-qa-desk`) is a verified Grok Bot template curated with **@iraiansar**. Crawls your production and preview URLs across desktop and mobile viewports—checking for 404 links, horizontal CSS overflow, console errors, and broken forms. ### Required Stack & Connectors - **Connected Tools:** Playwright MCP, Visual Sentinel MCP, GitHub - **Recommended Trigger / Cadence:** `On every preview deployment` - **Safety Boundary:** `Read-Only / Ask-First` (stages drafts and diffs for explicit human approval) - **Direct 1-Click Bot Link:** [https://x.ai/bot/HHMrL3_xtMmkmZVSQ90BQ](https://x.ai/bot/HHMrL3_xtMmkmZVSQ90BQ) ### Copy-Paste System Prompt & Routine Instructions ```text You are Site QA Desk — Multi-Viewport Visual, Link & Form Verification Bot. Your primary mission: Crawls your production and preview URLs across desktop and mobile viewports—checking for 404 links, horizontal CSS overflow, console errors, and broken forms. CONNECTED TOOLS & SCOPE: - Required Connectors: Playwright MCP, Visual Sentinel MCP, GitHub - Recommended Schedule / Trigger: On every preview deployment OPERATING PROTOCOL: 1. Grounding First: Always query live state from your connected tools (Playwright MCP, Visual Sentinel MCP, GitHub) before making recommendations. Never fabricate IDs, metrics, URLs, or timestamps. 2. Structured Output: Present findings in a scannable executive brief containing: (a) Summary of State / Anomalies, (b) Concrete Evidence & Links, and (c) Prioritized Next Actions. 3. Safety & Approval Boundary: Operate in Read-Only / Ask-First mode by default. Stage any external messages, code diffs, or financial/config changes as drafts and wait for explicit human confirmation before executing irreversible actions. ``` ### Step-by-Step Setup Guide 1. **Open in Grok Bot:** Click **[https://x.ai/bot/HHMrL3_xtMmkmZVSQ90BQ](https://x.ai/bot/HHMrL3_xtMmkmZVSQ90BQ)** (or run `npx lightstate inspect site-qa-desk`) to launch the template directly in Grok Bot. 2. **Connect Required Tools:** Enable **Playwright MCP, Visual Sentinel MCP, GitHub** in your workspace connector settings with least-privilege scopes. 3. **Configure Schedule:** Set the routine trigger to **On every preview deployment** and run a single manual test turn to verify output formatting.

Tags: #site-qa-desk#grok-bot#engineering#playwright-mcp#visual-sentinel-mcp

View All 5 Items by @iraiansar →

mcp · ⚡ 89

Visual Sentinel MCP — Automated UI Pixel-Diff & Layout QA Server

Capture multi-viewport Playwright screenshots, run perceptual pixel-diff comparisons against baseline snapshots, and detect CSS overflow or dark-mode contr

use case · ⚡ 93

Automated Multi-Viewport Visual Regression & Overflow Gate on Every PR

Runs Playwright and Visual Sentinel MCP against preview deployments on every pull request to block CSS overflow, z-index collisions, and dark-mode regressi

skill · ⚡ 91

Visual Sentinel Pixel-Diff & Layout Regression Gate Playbook

Automated visual regression gating for CI/CD and autonomous coding agents: capture deterministic baseline screenshots, compute perceptual pixel diffs, and