{"slug": "10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026", "title": "10 MCP Servers Worth Adding to Your AI Coding Workflow in 2026", "summary": "A developer highlights 10 Model Context Protocol (MCP) servers for AI coding workflows, including Context7, Chrome DevTools MCP, Playwright MCP, and GitHub MCP Server. The list is based on utility and popularity, with Context7 noted for documentation lookup and Playwright for browser automation. The developer advises caution when installing MCP servers, recommending review of executed changes and testing on non-production code.", "body_md": "I am a big fan of the Model Context Protocol. MCP keeps getting better, and I really think it's the future.\n\nThis list is my favorite MCP servers that I use every day. I picked them based on how useful they are, and how much I've been able to get out of them.\n\nI also picked them based on these four signals:\n\nHere is the video version of the list:\n\nYou need an MCP-capable coding agent or editor to use these servers. Kiro, Claude Code, Cursor, VS Code, and other clients support different combinations of local and remote MCP connections.\n\nKeep in mind that whenever you install an MCP server you should be cautious. Don't accept all changes, look at what it's executing first. It's also not a bad idea to try them out on non-production code bases first, just in case.\n\nHere are my top MCP servers, in no particular order.\n\n| # | MCP server | Best for | Access level to watch |\n|---|---|---|---|\n| 1 | Context7 | Current library documentation | Low, but verify package resolution |\n| 2 | Chrome DevTools MCP | Browser debugging and performance | Full connected-browser access |\n| 3 | Playwright MCP | Repeatable browser automation | Authenticated pages and local services |\n| 4 | GitHub MCP Server | Repositories, issues, and pull requests | Repository and workflow writes |\n| 5 | Serena | Semantic code navigation and editing | Project files and language tooling |\n| 6 | Supabase MCP | Database and project workflows | Schema, migration, and data changes |\n| 7 | AWS MCP Server | AWS documentation and APIs | The caller's IAM permissions |\n| 8 | Vercel MCP | Deployments, logs, and analytics | Project and deployment operations |\n| 9 | Cloudflare API MCP | Workers, R2, D1, DNS, and APIs | Broad account API access |\n| 10 | Excalidraw MCP | Editable architecture diagrams | Diagram content sent to the service |\n\n**Project:** [upstash/context7](https://github.com/upstash/context7)\n\n**Package:** `@upstash/context7-mcp`\n\nContext7 is one of my favorite MCP servers. I use it all the time to help me look up documentation for my favorite APIs. It's also nice because I don't have to install 100 different skills, I can get it all in one MCP server.\n\nWhen I checked, Context7 had 61,446 GitHub stars, 2,960 forks, and 3,975,539 npm downloads during August 2026. Version 4.0.4 shipped on August 28.\n\n**Why it is good:** It addresses one of the most common AI coding failures without requiring broad access to your project.\n\n**Project:** [ChromeDevTools/chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp)\n\nChrome DevTools MCP is my browser-debugging pick. It can inspect console messages, network requests, screenshots, Lighthouse results, performance traces, heap data, and the browser state the user actually sees.\n\nIt had 50,274 GitHub stars and 3,538 forks when I checked. The npm package recorded 3,308,596 downloads during August 24 through August 30, 2026. It is an official Google and Chrome DevTools project, and version 1.8.0 shipped on August 25.\n\n**Why it is good:** It lets the agent debug the running application instead of declaring success when the code merely compiles.\n\n**Project:** [microsoft/playwright-mcp](https://github.com/microsoft/playwright-mcp)\n\n**Package:** `@playwright/mcp`\n\nPlaywright MCP is the browser-automation and testing choice. It had 36,660 GitHub stars, 3,077 forks, and 23,749,682 npm downloads during August 2026. That was the strongest directly attributable package-download signal in my research.\n\nI go back and forth between the Chrome Devtool and Playwright depending on the situation.\n\nChrome DevTools goes deeper on live debugging, network behavior, memory, and performance. Playwright is a cleaner fit when the job is navigating a flow and proving it works repeatedly. Like check out flows.\n\n**Why it is good:** It gives an agent a repeatable way to test user flows instead of relying on a one-time manual check.\n\n**Project:** [github/github-mcp-server](https://github.com/github/github-mcp-server)\n\nGitHub's official MCP server is the obvious source-control pick. It can search repositories and code, read issues, work with pull requests, and inspect workflows.\n\nThe repository had 32,626 stars and 4,872 forks when I checked. Version 1.11.0 shipped on August 25, 2026, and GitHub supports hosted, container, and binary connection paths.\n\nI use this all the time to push up code, or fix merge issues. I go back and forth with this MCP server and using the `gh`\n\nCLI tool.\n\n**Why it is good:** Source control context appears in almost every software project.\n\n**Project:** [oraios/serena](https://github.com/oraios/serena)\n\n**Package:** `serena-agent`\n\nSerena is the codebase specialist. Instead of treating a repository as a pile of text files, it uses language tooling for symbol-level retrieval and semantic edits.\n\nIt had 28,686 GitHub stars, 1,934 forks, and 160,865 rolling-month PyPI downloads reported on August 31, 2026. Version 1.7.0 shipped on August 9.\n\nI have not used Serena a lot, but from what I can tell it's really useful.\n\n**Why it is good:** It gives agents a structured view of code when generic file search is not enough.\n\n**Project:** [supabase/mcp](https://github.com/supabase/mcp)\n\n**Package:** `@supabase/mcp-server-supabase`\n\nSupabase MCP connects the agent to project, database, schema, and migration workflows. The repository had 2,883 stars and 403 forks, while the npm package recorded 439,749 downloads during August 2026.\n\nThis is where the list becomes very tool specific. If you are using Supabase, use this tool!\n\n**Why it is good:** It gives a Supabase project direct backend context, but only projects already using Supabase need it.\n\n**Documentation:** [AWS MCP Server](https://docs.aws.amazon.com/agent-toolkit/latest/userguide/mcp-server.html)\n\n**Toolkit:** [aws/agent-toolkit-for-aws](https://github.com/aws/agent-toolkit-for-aws)\n\nAWS is the cloud option I wanted to spend time on it because it's my favorite! The [Agent Toolkit for AWS](https://github.com/aws/agent-toolkit-for-aws) is larger than one MCP server. It combines MCP configuration with skills, plugins, and agent integrations.\n\nThe managed AWS MCP Server can search current AWS documentation and call AWS APIs across more than 300 services. The skill tells the agent how to approach a task. The server supplies current information and runtime tools. Same ecosystem, different jobs.\n\nCheck it out!\n\n**Why it is good:** It combines current AWS knowledge with live cloud inspection while retaining familiar IAM and audit controls.\n\n**Documentation:** [Vercel MCP](https://vercel.com/docs/mcp/vercel-mcp)\n\nVercel MCP is a hosted server for teams already deploying on Vercel. It can inspect projects, deployments, build and runtime logs, analytics, and traces. It can also create deployments and perform collaboration operations.\n\nBe aware that [ vercel/mcp-handler](https://github.com/vercel/mcp-handler) is a framework for building MCP servers. The AI SDK includes an MCP client. Vercel also ships an agent plugin. None of those is the hosted Vercel MCP server.\n\n**Why it is good:** It brings deployment state and production diagnosis into the agent for projects that already run on Vercel.\n\n**Project:** [cloudflare/mcp](https://github.com/cloudflare/mcp)\n\n**Catalog:** [Cloudflare MCP servers](https://developers.cloudflare.com/agents/model-context-protocol/mcp-servers-for-cloudflare/)\n\nCloudflare's API MCP covers Workers, R2, D1, DNS, deployments, and roughly 2,500 Cloudflare API endpoints.\n\nVercel and Cloudflare are alternatives in this list. Pick the server for the platform that runs your project rather than installing both because they appear in a roundup.\n\n**Why it is good:** It exposes a broad platform API without filling the context window with thousands of tools at once.\n\n**Project:** [excalidraw/excalidraw-mcp](https://github.com/excalidraw/excalidraw-mcp)\n\nExcalidraw is an amazing drawing tool, and it's worth adding to this list. Its first-party server had 5,212 stars and 487 forks when I checked. Version 0.3.2 shipped in February 2026, with code activity cited through March.\n\nI use it all the time to help me create architecture diagrams!\n\n**Why it is good:** It turns project context into an editable artifact that can leave the editor and help a team communicate.\n\n[Canva MCP](https://canva.dev/docs/mcp/) is useful when you need thumbnails, launch graphics, presentations, or other design assets. Canva also has a separate Dev MCP for people building Canva apps and integrations. It does not publish a comparable server-specific adoption number, and it sits farther from the code, so I treat it as a bonus rather than one of the ten core coding picks.\n\n[Figma MCP](https://developers.figma.com/docs/figma-mcp-server/) is the design-to-code alternative. It can supply design context, Code Connect mappings, assets, and diagram information. It makes sense when the implementation starts from a Figma design.\n\nIf you need design, check both of them out!\n\nHere are a few other MCP servers I left out.\n\nThe historical [ @modelcontextprotocol/server-puppeteer](https://www.npmjs.com/package/@modelcontextprotocol/server-puppeteer) package is deprecated, and its source lives in the\n\nIt still recorded 28,716 npm downloads during August 24 through August 30, 2026. That is evidence that package downloads can outlive maintenance, not a reason to recommend it for a new setup. Use Chrome DevTools MCP or Playwright MCP instead.\n\nThe [Knowledge Graph Memory server](https://github.com/modelcontextprotocol/servers/tree/main/src/memory) is useful for learning how basic MCP persistence works. Its maintainers describe the reference servers as educational examples rather than production-ready products.\n\nThe package recorded 74,597 weekly downloads, but the roughly 89,000 stars belong to the entire `modelcontextprotocol/servers`\n\nrepository. They cannot be assigned to Memory alone. Every connected client can also read or change its local JSONL graph, which may accumulate sensitive project data.\n\n[TanStack Intent](https://github.com/TanStack/intent) discovers and packages versioned Agent Skills. I like the project, and it is relevant to AI coding, but it is not an MCP server, client, or registry.\n\nThe distinction matters:\n\nAWS and Vercel ship products across both categories, which is why the names can blur together. Useful does not automatically mean MCP.\n\nI use many of these MCP servers every day. Try a few out and see how you like them.\n\nToday my starter stack looks like this:\n\nAdd Excalidraw, Canva, or Figma when the work needs to become a diagram or design.\n\nThe full set of research links and measurement windows is available in the [video description](https://www.youtube.com/watch?v=uiPSA1htycs). Which MCP server has stayed in your setup after the first week?", "url": "https://wpnews.pro/news/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026", "canonical_source": "https://dev.to/erikch/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026-1j1m", "published_at": "2026-09-01 22:23:37+00:00", "updated_at": "2026-09-01 22:53:18.737612+00:00", "lang": "en", "topics": ["developer-tools", "ai-tools", "artificial-intelligence"], "entities": ["Context7", "Chrome DevTools MCP", "Playwright MCP", "GitHub MCP Server", "Serena", "Supabase MCP", "AWS MCP Server", "Vercel MCP"], "alternates": {"html": "https://wpnews.pro/news/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026", "markdown": "https://wpnews.pro/news/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026.md", "text": "https://wpnews.pro/news/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026.txt", "jsonld": "https://wpnews.pro/news/10-mcp-servers-worth-adding-to-your-ai-coding-workflow-in-2026.jsonld"}}