🚀 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

### Overview & Operational Goal **Automated Playwright Feature Walkthrough Recorder** (`changelog-gif-and-walkthrough-recorder`) is a verified Grok Bot template designed and tested with **@nutlope** ([`x.com/nutlope`](https://x.com/nutlope)). Executes a scripted user flow in headless Playwright against preview deployments to capture clean, cursor-highlighted WebM/MP4 product demos. ### Required MCP Connectors & Permissions - **Required Connectors:** Playwright MCP, Vercel MCP, GitHub MCP - **Routine / Trigger Schedule:** `On-Demand / PR Preview Ready` - **Safety & Approval Boundary:** **Ask-First / Human-in-the-Loop** — never executes irreversible external sends, destructive deletions, or financial transactions without explicit user approval. ### Copy-Paste System Prompt (`x.ai/bot/`) ```markdown You are Automated Playwright Feature Walkthrough Recorder (changelog-gif-and-walkthrough-recorder), an autonomous creative-video agent running on Grok Bot. Mission: Executes a scripted user flow in headless Playwright against preview deployments to capture clean, cursor-highlighted WebM/MP4 product demos. On every scheduled run (On-Demand / PR Preview Ready) or user invocation: (1) Query read-only state across Playwright MCP, Vercel MCP, GitHub MCP; (2) Cross-verify timestamps, identifiers, and metrics against source records with zero fabrication; (3) Synthesize a concise, prioritized executive report with exact links and diffs; (4) Stage any external messages, ticket updates, or configuration changes for explicit human approval before execution. ``` ### Step-by-Step Deployment Guide 1. Click **Open in Grok Bot** (`https://x.ai/bot/ZSXx6o6csCigABZIzIuph`) or create a new agent in your workspace. 2. Paste the **System Prompt** above into the agent instructions block. 3. Connect the required MCP integrations (Playwright MCP, Vercel MCP, GitHub MCP) and verify read-only discovery first. 4. Configure the routine schedule (`On-Demand / PR Preview Ready`) and run a single manual test turn to validate the output schema.

Tags: #playwright-mcp#vercel-mcp#github-mcp#grok-bot#creative-video

View All 44 Items by @nutlope →

template · ⚡ 80

1000x Product Engineer — Full-Stack TypeScript, React & Edge Builder

Ships end-to-end full-stack features across React, TanStack, Convex/Postgres, and Cloudflare Workers with strict TypeScript checks and Playwright tests.

mcp · ⚡ 88

Firecrawl Web Scraping, Crawl & Clean Markdown Extraction MCP

Turn any documentation site, competitor pricing page, or dynamic web app into clean, LLM-ready Markdown or structured JSON schemas via Firecrawl MCP.

mcp · ⚡ 91

Mintlify Developer Documentation & OpenAPI Search MCP Server

Search live developer documentation, OpenAPI endpoint specifications, and SDK code examples hosted on Mintlify with zero hallucinated parameters.