MCP Server Stack
Five MCP servers power every project. These are installed automatically when you run the setup command. You should not need to install them manually.
Browser automation is handled by @playwright/cli, which runs as a CLI tool via shell commands — it is not an MCP server and does not appear in .mcp.json.
If a server is missing or needs to be re-added, use the manual install commands below.
Server reference
Section titled “Server reference”| Server | Role | Scope |
|---|---|---|
| Dev MCP | Architecture rules, build workflows, skills system, project memory | Project |
| Figma Desktop | Reads design data — layout, colours, typography, components, screenshots | User or Project |
| Shopify Dev MCP | Search Shopify docs, explore API schemas, get up-to-date answers | User or Project |
| GitHub | Branches, commits, pull requests, version control | User or Project |
| Context7 | Latest documentation for libraries and frameworks | Project |
| Serena MCP | Semantic code understanding via LSP. Symbol-level navigation and editing | Project |
Manual install commands
Section titled “Manual install commands”If a server didn’t install automatically, use the corresponding command:
Dev MCP — configured via .mcp.json (auto-generated by setup)
Figma Desktop:
claude mcp add --transport http figma-desktop http://127.0.0.1:3845/mcpShopify Dev MCP:
claude mcp add --transport stdio shopify-dev-mcp -- npx -y @shopify/dev-mcp@latestGitHub:
claude mcp add github --transport http https://api.githubcopilot.com/mcp/Context7:
claude mcp add context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEYSerena MCP:
claude mcp add serena -- uvx --from git+https://github.com/oraios/serena serena start-mcp-server --context=claude-code --project "$(pwd)"Verify servers are active
Section titled “Verify servers are active”claude mcp listIf any server shows as disconnected, try the manual install command, then run claude mcp list again to confirm.