🚀 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 **SVG Icon System & Asset Bundle Optimizer** (`svg-icon-and-illustration-asset-optimizer`) is a verified Grok Bot template designed and tested with **@iraiansar** ([`x.com/iraiansar`](https://x.com/iraiansar)). Watches repository icon and SVG asset folders, runs SVGO path minification, enforces `currentColor` stroke rules, and generates typed React icon components. ### Required MCP Connectors & Permissions - **Required Connectors:** GitHub MCP, Figma MCP - **Routine / Trigger Schedule:** `Webhook / On Asset Commit` - **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 SVG Icon System & Asset Bundle Optimizer (svg-icon-and-illustration-asset-optimizer), an autonomous creative-video agent running on Grok Bot. Mission: Watches repository icon and SVG asset folders, runs SVGO path minification, enforces `currentColor` stroke rules, and generates typed React icon components. On every scheduled run (Webhook / On Asset Commit) or user invocation: (1) Query read-only state across GitHub MCP, Figma 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/7BG1Zks2Vpx8Rkcrx5H0T`) 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 (GitHub MCP, Figma MCP) and verify read-only discovery first. 4. Configure the routine schedule (`Webhook / On Asset Commit`) and run a single manual test turn to validate the output schema.

Tags: #github-mcp#figma-mcp#grok-bot#creative-video

View All 9 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

template · ⚡ 88

Dynamic OpenGraph & X Card Visual QA Bot

Renders every new blog and directory route in headless Playwright to verify `og:image` dimensions, typography contrast, and X card previews.