diff --git a/.claude/settings.json b/.claude/settings.json
new file mode 100644
index 0000000000000..50fc745df0d90
--- /dev/null
+++ b/.claude/settings.json
@@ -0,0 +1,23 @@
+{
+    "permissions": {
+        "allow": [
+            "mcp__playwright__browser_navigate",
+            "mcp__playwright__browser_navigate_back",
+            "mcp__playwright__browser_snapshot",
+            "mcp__playwright__browser_take_screenshot",
+            "mcp__playwright__browser_console_messages",
+            "mcp__playwright__browser_network_requests",
+            "mcp__playwright__browser_tabs",
+            "mcp__playwright__browser_click",
+            "mcp__playwright__browser_type",
+            "mcp__playwright__browser_fill_form",
+            "mcp__playwright__browser_select_option",
+            "mcp__playwright__browser_hover",
+            "mcp__playwright__browser_press_key",
+            "mcp__playwright__browser_wait_for",
+            "mcp__playwright__browser_close",
+            "mcp__playwright__browser_evaluate",
+            "mcp__playwright__browser_handle_dialog"
+        ]
+    }
+}
diff --git a/.gitignore b/.gitignore
index bbf67fa6a3673..8f636cf603cf2 100644
--- a/.gitignore
+++ b/.gitignore
@@ -156,6 +156,7 @@ modules/*/lib/
 
 # Claude local settings
 .claude/settings.local.json
+.playwright/
 
 # cspell cache
 .cspellcache
diff --git a/.mcp.json b/.mcp.json
new file mode 100644
index 0000000000000..3595a793329ce
--- /dev/null
+++ b/.mcp.json
@@ -0,0 +1,8 @@
+{
+    "mcpServers": {
+        "playwright": {
+            "command": "npx",
+            "args": ["@playwright/mcp@latest", "--isolated"]
+        }
+    }
+}
diff --git a/CLAUDE.md b/CLAUDE.md
index 587172db2aafb..b0f77e792d55f 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -240,6 +240,38 @@ npm run android
 npm run web
 ```
 
+## Browser Testing with Playwright MCP
+
+Claude can interact with the running App dev server using Playwright MCP for testing and debugging:
+
+### Setup
+1. Verify dev server is running
+2. Dev server runs at `https://dev.new.expensify.com:8082/`
+3. Ask Claude to open the URL in Playwright browser
+2. **IF MCP NOT AVAILABLE**: Guide user to install it before proceeding
+
+### MCP Installation
+If Playwright MCP connection fails, guide user to install:
+```bash
+claude mcp add playwright npx '@playwright/mcp@latest'
+```
+
+### Testing Workflow (MCP Required)
+1. Verify App dev server is running: `pgrep webpack`
+2. Use Playwright MCP tools to navigate to `https://dev.new.expensify.com:8082/`
+3. Use MCP tools to interact with the browser (click, type, screenshot, etc.)
+
+### Dev Server Requirements
+- **Location**: Runs on HOST machine (not in VM)
+- **URL**: `https://dev.new.expensify.com:8082/`
+- **Start command**: `npm run web`
+- **VM is only for**: Backend services (Auth, Bedrock, Integration-Server, Web-Expensify)
+
+### Dev Environment Sign-In Credentials
+- **Email**: Generate a random Gmail address (e.g., `user+<random-numbers>@gmail.com`)
+- **Magic code**: Always `000000` for dev environment
+- **Onboarding**: Always skip optional steps
+
 ## Architecture Decisions
 
 ### React Native New Architecture
diff --git a/cspell.json b/cspell.json
index 1c61490d481e2..c268784d3e77c 100644
--- a/cspell.json
+++ b/cspell.json
@@ -805,7 +805,8 @@
         "DYNAMICEXTERNAL",
         "RNCORE",
         "Wooo",
-        "Splittable"
+        "Splittable",
+        "pgrep"
     ],
     "ignorePaths": [
         "src/languages/de.ts",