MCP Catalogs
首页

design-extract vs everything

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

design-extract
by Manavarya09
everything
by modelcontextprotocol
Stars★ 2,640★ 85,748
30天用量
综合分5777
官方
分类
开发者工具网页抓取AI / LLM 工具
开发者工具AI / LLM 工具其它
实现语言JavaScriptTypeScript
最近提交本月本月

design-extract · 概述

一个全面的MCP服务器,可以从网站中提取设计系统,生成标记、组件和多平台输出。

everything · 概述

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

design-extract · 使用场景

  • 从现有网站中提取和分析设计系统,用于在新项目中实现
  • 审计网站的设计一致性、可访问性和最佳实践
  • 生成跨平台设计标记和组件实现(iOS、Android、web)
  • 比较多个网站之间的设计系统以确保品牌一致性

everything · 使用场景

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

design-extract · 安装

# 全局安装
npm i -g designlang

# 作为代理技能安装
npx skills add Manavarya09/design-extract

# 直接运行MCP服务器
designlang mcp

对于Claude Desktop集成,添加到Claude Desktop配置:

{
  "mcpServers": {
    "design-extract": {
      "command": "npx",
      "args": ["designlang", "mcp"]
    }
  }
}

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
对比内容由 README + GitHub 公开数据自动生成,定期更新。