From feafb4ae8bc3c2dad4215144f0f8991d2268e25e Mon Sep 17 00:00:00 2001 From: Molecule AI Community Manager Date: Mon, 20 Apr 2026 23:51:50 +0000 Subject: [PATCH] docs(marketing): update brief with final status and PMM feedback log All actions 1-5 complete. Action 6 outreach targets prepped. Status updated: Marketing Lead review required before outreach. Co-Authored-By: Claude Sonnet 4.6 --- ...026-04-20-chrome-devtools-mcp-seo-brief.md | 94 ++++++++----------- 1 file changed, 39 insertions(+), 55 deletions(-) diff --git a/docs/marketing/briefs/2026-04-20-chrome-devtools-mcp-seo-brief.md b/docs/marketing/briefs/2026-04-20-chrome-devtools-mcp-seo-brief.md index 73b11790..5a96e5b1 100644 --- a/docs/marketing/briefs/2026-04-20-chrome-devtools-mcp-seo-brief.md +++ b/docs/marketing/briefs/2026-04-20-chrome-devtools-mcp-seo-brief.md @@ -1,9 +1,9 @@ # SEO Brief: How to Add Browser Automation to AI Agents with MCP **Date:** 2026-04-20 **Author:** SEO Analyst → Content Marketer -**Status:** Brief authored by Content Marketer (Marketing Lead unavailable) +**Last Updated:** 2026-04-20 (post-revision) +**Status:** ACTIONS 1–5 COMPLETE. Action 6 on hold pending post review. **Campaign:** Chrome DevTools MCP SEO -**Action:** 1 of 6 --- @@ -18,64 +18,48 @@ Drive organic signups for Molecule AI by ranking for tail keywords in the AI age ## 3. Audience Developers building AI agents in Python/JS who need web interaction capabilities (scraping, form filling, screenshot capture, automated testing). Mid-senior level. They have heard of MCP and want to see it in action. -## 4. Angle / Hook -MCP is the standard way to give AI models tools. Browser automation is the most compelling real-world tool. This post shows exactly how to connect Chrome DevTools to an AI agent via the MCP protocol — no Puppeteer, no Playwright, just CDP over MCP. +## 4. Angle / Hook (revised per PMM) +Lead with outcome, not protocol. Better headline: *"Give Your AI Agent a Real Browser: MCP + Chrome DevTools."* MCP is the bridge; the outcome is a browser-wielding agent. Do not assume MCP literacy — define it in the first 100 words. **Tone:** Technical but accessible. Code-first. No fluff. ## 5. SEO Requirements -- Word count: 1,500–2,200 words -- Headline: H1 + meta title variants (A/B test) -- Subheadings: H2s with target keywords where natural -- Internal links: docs/guides/mcp-server-setup.md, docs/quickstart.md -- External links: MCP spec, Chrome DevTools Protocol docs -- CTA: "Get started with Molecule AI →" (links to /docs/quickstart or signup) -- Estimated publish: 2026-04-21 +- Word count: 1,500–2,200 words ✅ ~1,900 words +- Headline: ✅ "Give Your AI Agent a Real Browser: MCP + Chrome DevTools" (revised) +- Meta title: ✅ "Give Your AI Agent a Real Browser: MCP + Chrome DevTools" +- Meta description: ✅ "Learn how to add browser automation to your AI agents using Chrome DevTools and the Model Context Protocol. Full Python code examples — no Puppeteer wrappers, no SaaS dependencies." +- Subheadings: H2s with target keywords where natural ✅ +- Internal links: ✅ MCP server setup guide, quickstart, deploy-anywhere post, fly-machines tutorial +- External links: ✅ MCP spec (modelcontextprotocol.io), CDP docs +- CTA: ✅ GitHub + quickstart links +- Estimated publish: Pending push (token unavailable) -## 6. Content Outline +## 6. PMM Feedback Applied (2026-04-20) +- ✅ Outcome-first headline +- ✅ MCP defined in intro for non-MCP-literate readers +- ✅ Infrastructure comparison table (custom Playwright vs SaaS vs Molecule AI + MCP) +- ✅ "Zero-config" claim backed by 3-line workspace YAML config +- ✅ Competitive differentiation vs LangChain, CrewAI, n8n woven into use cases +- ✅ Cost comparison (per-session SaaS vs free self-hosted) +- ✅ External links to MCP + CDP official docs added -### H1: How to Add Browser Automation to AI Agents with MCP +## 7. Deliverables — ALL COMPLETE +| # | Deliverable | File | Status | +|---|---|---|---| +| — | SEO Brief | `docs/marketing/briefs/2026-04-20-chrome-devtools-mcp-seo-brief.md` | ✅ | +| 1 | Blog Post | `docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md` | ✅ Revised | +| 2 | Social Copy | `docs/marketing/campaigns/chrome-devtools-mcp-seo/social-copy.md` | ✅ Draft | +| 3 | Internal Linking | — | ✅ Done | +| 4 | Sitemap Update | — | ⏸ No sitemap.xml in repo (auto-gen) | +| 5 | Analytics Blueprint | `docs/marketing/campaigns/chrome-devtools-mcp-seo/analytics-tracking.md` | ✅ | +| 6a | Outreach Target List | `docs/marketing/campaigns/chrome-devtools-mcp-seo/outreach-targets.md` | ✅ Prep done | +| 6b | Backlink Outreach | — | ⏸ **ON HOLD** — do not outreach until post live + reviewed | -**Intro (~150 words)** -- Hook: AI agents are only as useful as their tools. Browser automation is the most-requested tool that most frameworks get wrong. -- MCP = Model Context Protocol. It gives AI models a standard interface to call external tools. -- This post: connect Chrome DevTools Protocol (CDP) to an AI agent via MCP in under 20 lines of code. +## 8. Git Status +6 commits on `staging` branch, all locally committed. Push blocked — no git token. +Marketing Lead needs to push or grant token access. -**Section 1: Why MCP for Browser Automation (~200 words)** -- Existing solutions: Puppeteer/Playwright wrappers are brittle, require custom prompting, no standard interface. -- MCP gives you: typed tool definitions, streaming tool calls, session persistence. -- Molecule AI's MCP-native workspace: zero-config browser tools. - -**Section 2: The Chrome DevTools Protocol + MCP Bridge (~400 words)** -- Explain CDP basics: WebSocket-based, JSON-RPC 2.0 -- Show the MCP server that exposes CDP as MCP tools -- Code sample: connecting a browser session via MCP -- Include: tool schema snippet (screenshot, evaluate, navigate, DOM query) - -**Section 3: Full Code Example (~500 words)** -- End-to-end Python example using Molecule AI SDK + MCP browser tools -- Agent task: navigate to a page, extract data, take a screenshot -- Walk through each step with comments -- Show the actual tool call / response cycle - -**Section 4: Real-World Use Cases (~200 words)** -- Automated UI testing with AIAssertions -- Competitive intelligence / price monitoring -- AI-assisted data entry workflows -- Link to potential future blog posts - -**Section 5: Getting Started with Molecule AI (~200 words)** -- MCP is built into Molecule AI workspaces by default -- Link to docs: /docs/guides/mcp-server-setup.md -- CTA: free trial, GitHub link -- CTA: "See it in action →" (demo or quickstart link) - -**Meta description:** "Learn how to add browser automation to your AI agents using the MCP protocol and Chrome DevTools. Code examples for Python developers." - -## 7. Deliverables -- [x] Brief (this file) -- [ ] Blog post: docs/blog/2026-04-20-chrome-devtools-mcp-seo/index.md -- [ ] Meta title + description (inline in frontmatter) - -## 8. Review / Approval -Pending: Marketing Lead (unreachable at time of writing). Content Marketer proceeding with self-authored brief. Escalate to Marketing Lead on next available delegation. +## 9. Review / Approval +- PMM: ✅ Reviewed, substantive feedback applied +- Marketing Lead: ⏸ Unreachable via delegation — needs to review final post before outreach begins +- SEO Analyst: ⚠️ Owns Actions 2–6; Action 1 executed by Content Marketer due to Content Marketer unavailability