diff --git a/.claude/settings.json b/.claude/settings.json
index 9ba9a21..b74165a 100644
--- a/.claude/settings.json
+++ b/.claude/settings.json
@@ -6,7 +6,7 @@
             "Bash(git switch *)"
         ]
     },
-    "enabledMcpjsonServers": ["angular-cli"],
+    "enabledMcpjsonServers": ["angular-cli", "playwright"],
     "enabledPlugins": {
         "frontend-design@anthropic-plugin-directory": true
     },
diff --git a/.gitignore b/.gitignore
index 79a81c8..7ee1e5d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,6 +40,7 @@ yarn-error.log
 testem.log
 /typings
 __screenshots__/
+.playwright-mcp/
 
 # PocketBase
 /pocketbase/pb_data
diff --git a/.mcp.json b/.mcp.json
index 592ba64..dbd2b39 100644
--- a/.mcp.json
+++ b/.mcp.json
@@ -3,6 +3,10 @@
         "angular-cli": {
             "command": "npx",
             "args": ["-y", "@angular/cli", "mcp"]
+        },
+        "playwright": {
+            "command": "npx",
+            "args": ["-y", "@playwright/mcp@0.0.83", "--browser", "chrome"]
         }
     }
 }
diff --git a/CLAUDE.md b/CLAUDE.md
index d57a0eb..87e0cfb 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -117,7 +117,7 @@ Read:
 ## UI and accessibility
 
 - The app MUST pass all AXE checks and meet WCAG AA minimums, including focus management, color contrast, and ARIA attributes.
-- All visual and frontend work (layout, styles, look of components, colors, typography, responsiveness) MUST be done using the skills `ui-ux-pro-max` and `frontend-design` (`frontend-design:frontend-design`). Invoke both skills via the Skill tool before building or reshaping any UI.
+- All visual and frontend work (layout, styles, look of components, colors, typography, responsiveness) MUST be done using the skills `ui-ux-pro-max` and `frontend-design`. Invoke both skills via the Skill tool before building or reshaping any UI.
 - Always get feedback from a real browser via the Playwright MCP (`mcp__playwright__*`): during UI development and to verify every visual change (snapshot, screenshot, console messages, responsive sizes via `browser_resize`).
 - Skill recommendations must not violate the rules of this file; on conflict, this file wins.
 - Plain CSS without preprocessors or CSS frameworks; colors, spacing, and sizes only via design tokens in `src/styles.css`. Dark theme via `prefers-color-scheme`.