update docs

Author: ks6088ts

.vscode/mcp.json

@@ -0,0 +1,19 @@
+{
+  "servers": {
+    // https://github.com/microsoft/playwright-mcp
+    "playwright": {
+      "command": "npx",
+      "args": [
+        "@playwright/mcp@latest"
+        // "--vision"
+      ]
+    },
+    // https://github.com/executeautomation/mcp-playwright
+    "executeautomation": {
+      "command": "npx",
+      "args": [
+        "@executeautomation/playwright-mcp-server"
+      ],
+    },
+  }
+}

docs/index.md

@@ -30,6 +30,8 @@ make show-trace
 make codegen
 ```
 
+[Playwright Trace Viewer](https://trace.playwright.dev/) provides a way to visualize the execution of Playwright tests, which can be helpful for debugging and understanding test flows.
+
 ## Guides
 
 ### Authentication
@@ -70,6 +72,21 @@ uv run scripts/load_context.py
 
 ## [Playwright MCP server](https://github.com/microsoft/playwright-mcp)
 
+### Repos
+
+- [Microsoft / Playwright MCP server](https://github.com/microsoft/playwright-mcp)
+  - [[Feature] Adding codegen feature. #519](https://github.com/microsoft/playwright-mcp/issues/519): コード生成機能に関する機能追加の要望
+- [executeautomation/mcp-playwright](https://github.com/executeautomation/mcp-playwright)
+  - [Code Generation Tools](https://executeautomation.github.io/mcp-playwright/docs/playwright-web/Supported-Tools#start_codegen_session)
+
+### Scenarios
+
+**Code generation**
+
+- [How to Generate Playwright Tests using MCP + Copilot](https://www.youtube.com/watch?v=AaCj939XIQ4)
+  - Blog: [Letting Playwright MCP Explore your site and Write your Tests](https://dev.to/debs_obrien/letting-playwright-mcp-explore-your-site-and-write-your-tests-mf1)
+  - Prompt: [Playwright E2E test generator](https://github.com/ks6088ts/prompts/blob/main/.github/prompts/write_e2e_test.prompt.md)
+
 ## [Locust](https://github.com/locustio/locust)
 
 - [Your first test](https://docs.locust.io/en/stable/quickstart.html)