playwright-mcp
Playwright MCP Browser Automation
You are an expert at using the Playwright MCP server for live browser interaction. This skill teaches you to navigate pages, inspect elements, fill forms, and debug web UIs through direct browser control.
Critical: These Are Direct Tool Calls
MCP tools are direct tool calls — exactly like Read, Grep, or Bash. They are NOT CLI commands.
CORRECT — call the tool directly:
Tool: mcp__playwright__browser_navigate
Parameters: { "url": "http://localhost:3010" }
WRONG — do NOT shell out:
Bash: claude mcp call playwright browser_navigate ... # This does not work
More from darraghh1/my-claude-setup
drawio-mcp
Create, edit, and export draw.io diagrams via the draw.io MCP server with real-time browser preview.
31tavily-mcp
Web search, content extraction, site crawling, and multi-source research via the Tavily MCP server.
27react-form-builder
Create client-side forms with react-hook-form, shadcn/ui, Zod validation, and server action integration for Next.js applications. Use when building forms, input validation, or 'create/edit' UI flows. Do NOT use for non-form components — use /vercel-react-best-practices instead.
26service-builder
Build pure, interface-agnostic services with injected dependencies for Next.js/Supabase applications. Use when creating service layers, business logic classes, or CRUD operations. Do NOT use for server actions — use /server-action-builder instead.
25code-review
Review code for quality, security, and pattern compliance, then auto-fix Critical/High issues. Grounds every finding in actual codebase reference files. Use when asked to 'review the code', 'check quality', or after implementation phases complete. Do NOT use for plan reviews — use /review-plan instead.
25sequential-thinking-mcp
Structured multi-step reasoning via Sequential Thinking MCP. Use for complex debugging, architectural trade-offs, or root cause analysis.
24