📋 Copy Blueprint Command { } Inspect JSON API Ground-Truth Source ↗

⚡ 1-Click Agent & Developer Install

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

### 1. Problem & Operational Bottleneck Audit `'use client'` boundaries across a Next.js codebase to push heavy libraries to Server Components and shrink JS payloads. Built and battle-tested in production workflows by **@cloudflare** (Cloudflare Developers). ### 2. Target Architecture & Required Stack - **Vercel MCP** - **Playwright MCP** - **GitHub MCP** ### 3. Step-by-Step Implementation Blueprint 1. Configure and authenticate the required MCP connectors (Vercel MCP, Playwright MCP, GitHub MCP) in your agent workspace. 2. Run the initial read-only inspection pass for 'Next.js App Router Client-Boundary & Bundle Surgeon' to gather baseline telemetry, schemas, and context. 3. Execute the multi-step analysis and transformation pipeline with strict schema validation and zero fabricated identifiers. 4. Review the staged diff or approval card and verify completion via automated regression and status checks. ### 4. Copy-Paste Agent Execution Prompt ```markdown Run the 'Next.js App Router Client-Boundary & Bundle Surgeon' (nextjs-app-router-bundle-and-hydration-surgeon) implementation blueprint using Vercel MCP, Playwright MCP, GitHub MCP. Objective: Audit `'use client'` boundaries across a Next.js codebase to push heavy libraries to Server Components and shrink JS payloads. Step 1: Perform a read-only audit of current state and recent logs. Step 2: Generate a deterministic execution plan with exact diffs, SQL/CLI commands, or drafted payloads. Step 3: Request human confirmation before applying any production writes or external sends. ``` ### 5. Verification & Safety Guardrails - **Human-in-the-Loop Gate:** All external communications, production database mutations, and billing actions stage an explicit review diff before execution. - **Deterministic Telemetry:** Every run logs structured JSON output, latency metrics, and source citations so operators can audit every decision.

Tags: #vercel-mcp#playwright-mcp#github-mcp#blueprint#engineering

View All 47 Items by @cloudflare →

mcp · ⚡ 88

Cloudflare Official MCP — Workers, D1, R2, KV & Observability

Official Cloudflare remote Streamable HTTP MCP server: inspect and manage Workers scripts, D1 SQLite databases, R2 buckets, KV namespaces, and production l

skill · ⚡ 94

Cloudflare Workers Production Architecture Playbook

Production engineering standards for Cloudflare Workers: V8 isolate memory limits, streaming Fetch responses, bindings security, CPU budgets, and observabi

skill · ⚡ 93

Wrangler CLI Deployment & Resource Management Playbook

Deterministic workflow for configuring `wrangler.jsonc`, provisioning D1/KV/R2 bindings, managing secrets, and running preview vs production deployments.