与外部工具集成

配置 MCP Server

// Settings → MCP Servers → 添加以下配置
{
  "mcpServers": {
    // PostgreSQL 数据库工具
    "postgres": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-postgres"],
      "env": {
        "POSTGRES_URL": "postgresql://user:pass@localhost/mydb"
      }
    },
    // 文件系统工具（允许读取项目外的文件）
    "filesystem": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-filesystem", "/Users/me/projects"]
    },
    // Playwright 浏览器自动化
    "playwright": {
      "command": "npx",
      "args": ["@playwright/mcp"]
    },
    // GitHub 集成
    "github": {
      "command": "npx",
      "args": ["@modelcontextprotocol/server-github"],
      "env": {
        "GITHUB_PERSONAL_ACCESS_TOKEN": "ghp_..."
      }
    }
  }
}

Playwright MCP：浏览器调试 UI

配置 Playwright MCP 后，Cascade 可以直接控制浏览器，截图、点击、填表单——让 UI 调试从"猜测"变成"实时验证"：

使用 Playwright 打开 http://localhost:3000/checkout
截图当前状态，然后：
1. 点击"进入结算"按钮
2. 填写表单（姓名: 张三，地址: 北京市朝阳区）
3. 截图填写后的状态
4. 检查控制台是否有 JS 错误
5. 告诉我 UI 是否与设计稿（@design/checkout.png）吻合

数据库工具：分析 Schema 并生成查询

配置 PostgreSQL MCP Server 后，Cascade 可以直接查询数据库 Schema 并生成优化查询：

连接数据库，查看 orders 表和 order_items 表的 Schema，
然后：
1. 找出最近7天销售额 TOP 10 的商品
2. 分析这个查询是否需要添加索引（查看执行计划）
3. 如果需要索引，生成对应的 Prisma migration 文件

不要实际修改数据库，只生成 migration 文件。

-- Cascade 生成的查询（基于实际 Schema）：
SELECT
  p.id,
  p.name,
  SUM(oi.quantity * oi.unit_price) AS total_revenue,
  COUNT(DISTINCT o.id) AS order_count,
  SUM(oi.quantity) AS units_sold
FROM products p
JOIN order_items oi ON p.id = oi.product_id
JOIN orders o ON oi.order_id = o.id
WHERE
  o.status = 'completed'
  AND o.created_at >= NOW() - INTERVAL '7 days'
GROUP BY p.id, p.name
ORDER BY total_revenue DESC
LIMIT 10;

-- 建议添加的复合索引（基于查询执行计划分析）：
CREATE INDEX idx_orders_status_created
  ON orders(status, created_at)
  WHERE status = 'completed';

Jira / Linear 集成

通过 MCP，Cascade 可以读取 Issue 内容，直接根据需求描述生成代码：

读取 Linear Issue ENG-247 的完整描述，
然后：
1. 分析需求，列出需要修改的文件
2. 预估开发工作量（小时）
3. 开始实现（如果我确认）

实现时遵循 .windsurfrules 中的规范。