everything vs domscribe

并排对比，帮你在这两个 MCP server 之间做选择。

	everything by modelcontextprotocol	domscribe by patchorbit
Stars	★ 85,748	★ 168
30天用量	—	—
综合分	77	48
官方	✓	—
分类	开发者工具AI / LLM 工具其它	开发者工具AI / LLM 工具效率工具
实现语言	TypeScript	TypeScript
最近提交	本月	本月

everything · 概述

官方 MCP 测试服务器，展示协议全部功能，供客户端开发者使用。

domscribe · 概述

Domscribe 通过 MCP 桥接运行中的应用程序和源代码，使 AI 代理能够查看实时 UI 上下文并进行精准编辑。

everything · 使用场景

测试 MCP 客户端实现是否支持所有协议功能
通过参考服务器学习 MCP 协议能力
验证客户端对不同传输方式的兼容性

domscribe · 使用场景

AI 代理通过查询源代码位置检查实时 UI 状态，理解渲染的组件
开发者指向 UI 元素并用普通英语描述更改，由 AI 实施
跨框架开发，在热重载过程中提供稳定的 DOM 到源映射

everything · 安装

NPX（推荐）

{
  "mcpServers": {
    "everything": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-everything"]
    }
  }
}

Windows 用户请使用 cmd /c：

{
  "mcpServers": {
    "everything": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "@modelcontextprotocol/server-everything"]
    }
  }
}

Docker

{
  "mcpServers": {
    "everything": {
      "command": "docker",
      "args": ["run", "-i", "--rm", "mcp/everything"]
    }
  }
}

全局安装

npm install -g @modelcontextprotocol/server-everything@latest
npx @modelcontextprotocol/server-everything

domscribe · 安装

使用设置向导安装：

npx domscribe init

这将引导您连接编码代理并添加到应用中。手动设置步骤：

添加到打包器/框架（以 React 与 Vite 为例）：

npm install -D @domscribe/react

// vite.config.ts
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import { domscribe } from '@domscribe/react/vite';

export default defineConfig({
  plugins: [react(), domscribe()],
});

连接您的编码代理（以 Claude Desktop 为例）：

添加到 Claude 的 config.json：

{
  "mcpServers": {
    "domscribe": {
      "command": "npx",
      "args": ["domscribe", "mcp"]
    }
  }
}

对比内容由 README + GitHub 公开数据自动生成，定期更新。