chore: add playwright mcp, ignore its output, fix frontend-design skill name

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
kamask
2026-10-31 17:23:43 +03:00
co-authored by Claude Sonnet 5.5
parent bec31ff02e
commit 2852610488
4 changed files with 7 additions and 2 deletions
+1 -1
View File
@@ -6,7 +6,7 @@
"Bash(git switch *)" "Bash(git switch *)"
] ]
}, },
"enabledMcpjsonServers": ["angular-cli"], "enabledMcpjsonServers": ["angular-cli", "playwright"],
"enabledPlugins": { "enabledPlugins": {
"frontend-design@anthropic-plugin-directory": true "frontend-design@anthropic-plugin-directory": true
}, },
+1
View File
@@ -40,6 +40,7 @@ yarn-error.log
testem.log testem.log
/typings /typings
__screenshots__/ __screenshots__/
.playwright-mcp/
# PocketBase # PocketBase
/pocketbase/pb_data /pocketbase/pb_data
+4
View File
@@ -3,6 +3,10 @@
"angular-cli": { "angular-cli": {
"command": "npx", "command": "npx",
"args": ["-y", "@angular/cli", "mcp"] "args": ["-y", "@angular/cli", "mcp"]
},
"playwright": {
"command": "npx",
"args": ["-y", "@playwright/mcp@0.0.83", "--browser", "chrome"]
} }
} }
} }
+1 -1
View File
@@ -117,7 +117,7 @@ Read:
## UI and accessibility ## UI and accessibility
- The app MUST pass all AXE checks and meet WCAG AA minimums, including focus management, color contrast, and ARIA attributes. - 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`). - 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. - 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`. - 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`.