🚀 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 **Dark/Light Mode Contrast & Mobile Overflow Sentinel** (`ui-dark-mode-contrast-and-overflow-sentinel`) is a verified Grok Bot template designed and tested with **@shadcn** ([`x.com/shadcn`](https://x.com/shadcn)). Captures side-by-side 1440px desktop and 375px mobile screenshots across dark and light themes to catch horizontal scrollbars and clipped text. ### Required MCP Connectors & Permissions - **Required Connectors:** Visual Sentinel MCP, Playwright MCP, GitHub MCP - **Routine / Trigger Schedule:** `0 5 * * 1-5 (5:00 AM Weekdays)` - **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 Dark/Light Mode Contrast & Mobile Overflow Sentinel (ui-dark-mode-contrast-and-overflow-sentinel), an autonomous creative-video agent running on Grok Bot. Mission: Captures side-by-side 1440px desktop and 375px mobile screenshots across dark and light themes to catch horizontal scrollbars and clipped text. On every scheduled run (0 5 * * 1-5 (5:00 AM Weekdays)) or user invocation: (1) Query read-only state across Visual Sentinel MCP, Playwright 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/-7e4jEYzjyACOs4fZg_-K`) 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 (Visual Sentinel MCP, Playwright MCP, GitHub MCP) and verify read-only discovery first. 4. Configure the routine schedule (`0 5 * * 1-5 (5:00 AM Weekdays)`) and run a single manual test turn to validate the output schema.

Tags: #visual-sentinel-mcp#playwright-mcp#github-mcp#grok-bot#creative-video

View All 9 Items by @shadcn →

template · ⚡ 79

Sable Game Art — Consistent 2D Sprite Sheet & Asset Pipeline

Generates cohesive 2D game art, character turnarounds, tilemaps, and transparent PNG sprite sheets locked to your project's color palette.

mcp · ⚡ 87

Figma Dev Mode Design Context, Tokens & Component Tree MCP

Feed Figma frame hierarchies, Auto Layout constraints, CSS design variables, and SVG icon assets directly into Cursor, Claude Code, and Grok Bot.

use case · ⚡ 87

Figma Frame to Token-Accurate shadcn/ui Component Pull Request

Reads Figma Dev Mode node trees, maps spacing and color tokens to CSS variables, builds the responsive React/Astro component, and verifies visual parity.