MCP Catalogs
首页

everything vs css-noop-checker

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

everything
by modelcontextprotocol
css-noop-checker
by purupurupu
Stars★ 85,748★ 25
30天用量
综合分7744
官方
分类
开发者工具AI / LLM 工具其它
开发者工具AI / LLM 工具浏览器自动化
实现语言TypeScriptTypeScript
最近提交本月2 个月前

everything · 概述

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

css-noop-checker · 概述

Chrome DevTools 扩展,带 MCP 服务器,检测无效的 CSS 属性。

everything · 使用场景

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

css-noop-checker · 使用场景

  • AI 助手帮助开发者识别和修复无效的 CSS 代码
  • 自动化代码审查工具检测 CSS 反模式
  • 用于学习哪些 CSS 属性在哪些上下文中有效教育工具

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

css-noop-checker · 安装

安装 Chrome 扩展:

  1. 打开 chrome://extensions 并启用开发者模式
  2. 点击 **加载已解压的扩展程序** 并选择 dist/ 目录
  3. 在任何页面上打开 DevTools → **元素** 标签 → **CSS Noop** 侧边栏面板

安装 MCP 服务器:

{
  "mcpServers": {
    "css-noop-checker": {
      "command": "npx",
      "args": ["css-noop-checker"]
    }
  }
}
对比内容由 README + GitHub 公开数据自动生成,定期更新。