📋 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 Add dynamic `/api/v1/*` D1-backed endpoints and Streamable HTTP `/mcp` routes to a static Astro site via esbuild `_worker.js`. Built and battle-tested in production workflows by **@kentcdodds** (Kent C. Dodds (@kentcdodds)). ### 2. Target Architecture & Required Stack - **Cloudflare MCP** - **GitHub MCP** - **Playwright MCP** ### 3. Step-by-Step Implementation Blueprint 1. Configure and authenticate the required MCP connectors (Cloudflare MCP, GitHub MCP, Playwright MCP) in your agent workspace. 2. Run the initial read-only inspection pass for 'Astro Static Site to Cloudflare Worker Hybrid API Migration' 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 'Astro Static Site to Cloudflare Worker Hybrid API Migration' (astro-static-to-hybrid-edge-worker-migration) implementation blueprint using Cloudflare MCP, GitHub MCP, Playwright MCP. Objective: Add dynamic `/api/v1/*` D1-backed endpoints and Streamable HTTP `/mcp` routes to a static Astro site via esbuild `_worker.js`. 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: #cloudflare-mcp#github-mcp#playwright-mcp#blueprint#engineering

View All 24 Items by @kentcdodds →

mcp · ⚡ 91

Puppeteer Headless Chromium Rendering & PDF Snapshot MCP Server

Automate headless Chromium via Puppeteer MCP: render SPAs, evaluate client-side JavaScript, capture full-page screenshots, and export clean PDFs.

mcp · ⚡ 90

Puppeteer SSR & Console Error Inspector MCP (mcp-puppeteer)

Inspect hydration warnings, uncaught page exceptions, and failed network requests on staging URLs using Puppeteer's DevTools protocol bindings.

use case · ⚡ 84

Accessibility-Tree E2E Testing & Zero-Flake Playwright Suite

Replaces brittle CSS/XPath selectors with semantic ARIA role locators (`getByRole`, `getByLabel`) verified against live Playwright accessibility snapshots.