MCP和Skills

Qwen

chrome-devtools

qwen mcp add chrome-devtools npx chrome-devtools-mcp@latest --transport stdio

mcp_server_fetch

qwen mcp add fetch python -m mcp_server_fetch --transport stdio

Cursor

{
  "mcpServers": {
    "fetch": {
      "command": "python",
      "args": ["-m", "mcp_server_fetch"],
      "transport": "stdio"
    },
    "chrome-devtools": {
      "command": "npx",
      "args": ["chrome-devtools-mcp@latest"]
    }
  }
}

创造MCP

代码

#!/usr/bin/env python
"""MCP Weather Server - 使用 FastMCP"""

import random
from mcp.server.fastmcp import FastMCP

mcp = FastMCP("天气模拟")

CITIES = {
    "北京": {"base_temp": 15, "condition": "晴"},
    "上海": {"base_temp": 18, "condition": "多云"},
    "广州": {"base_temp": 22, "condition": "晴"},
    "深圳": {"base_temp": 23, "condition": "阴"},
    "成都": {"base_temp": 16, "condition": "小雨"},
    "杭州": {"base_temp": 17, "condition": "多云"},
    "武汉": {"base_temp": 17, "condition": "晴"},
    "西安": {"base_temp": 15, "condition": "晴"},
    "重庆": {"base_temp": 18, "condition": "阴"},
    "南京": {"base_temp": 16, "condition": "多云"},
    "青岛": {"base_temp": 14, "condition": "晴"},
    "厦门": {"base_temp": 20, "condition": "晴"},
    "长沙": {"base_temp": 18, "condition": "小雨"},
    "天津": {"base_temp": 15, "condition": "晴"},
    "苏州": {"base_temp": 17, "condition": "多云"},
}


@mcp.tool()
def get_weather(city: str) -> str:
    """获取指定城市的天气"""
    if city not in CITIES:
        supported = ", ".join(CITIES.keys())
        return f"不支持的城市: {city}，仅支持: {supported}"

    city_info = CITIES[city]
    temperature = city_info["base_temp"] + random.randint(-5, 5)
    condition = city_info["condition"]

    return f"{city}: {condition}, {temperature}°C"


if __name__ == "__main__":
    mcp.run()

创造Skills

---
name: doubao-image-generator
description: 自动在豆包(doubao.com)输入框填写提示词并点击发送按钮生成图片。
---

# 豆包绘图助手 (Doubao Image Generator)

## 指令

1. **等待页面加载**：确保当前页面已跳转至 `doubao.com` 且聊天界面已就绪。
2. **定位输入框**：
   - 使用 CSS 选择器 `textarea[data-testid="chat_input_input"]` 定位核心输入区域。
   - 如果上述失效，备选路径为：`.semi-input-textarea`。
3. **输入内容**：
   - 你不用点击图片生成这个按钮（<div class="min-w-0 truncate">图像生成</div>），你就直接输入提示词在文本框
   - 将用户提供的绘图描述（Prompt）填入文本框。
   - 触发 `input` 事件以确保豆包的前端框架监听到字符变化。
4. **定位并点击蓝色的发送按钮**：
   - 使用 ID 选择器 `#flow-end-msg-send`。
   - 验证按钮的 `data-testid` 是否为 `chat_input_send_button`。
   - 执行 `click()` 操作。
5. **异常处理**：
   - 如果按钮处于 `disabled` 状态，等待 1 秒后重试。
   - 如果找不到元素，尝试刷新页面或检查登录状态。

123