AI导哈

MCP技能插件市场

一个精选的Claude Code插件集合，通过MCP服务器生成，使Claude能够通过mcp2rest与外部工具和服务交互。

  • by ulasbilgen
  • JavaScript
  • 本地部署
  • 3 星标
  • 更新于
在 GitHub 查看 ulasbilgen/mcp-skills-plugins

使用说明

MCP技能插件市场

从MCP（模型上下文协议）服务器生成的Claude代码插件的精选集合。每个插件都提供代理和技能，使Claude能够通过以下方式与外部工具和服务进行交互 mcp2rest.

什么是MCP技能插件？

这些插件通过以下方式将MCP服务器与Claude Code连接起来：

  1. MCP服务器 → 跑步通过 mcp2rest （持久性REST API网关）
  2. 技能 → 生成通过REST调用MCP工具的JavaScript脚本
  3. 代理 → 知道如何有效使用技能的专业代理
  4. 插件 → 包装在一起，便于安装和分发

安装

添加市场

/plugin marketplace add ulasbilgen/mcp-skills-plugins

安装插件

/plugin install chrome-devtools-plugin@mcp-skills-plugins

或浏览所有插件：

/plugin

先决条件

此市场中的所有插件都需要：

  • mcp2rest -全局安装： npm install -g mcp2rest
  • 对应的MCP服务器 在mcp2rest中配置
  • Node.js >= 18.0.0

可用插件

chrome开发工具插件v0.5.0

通过Chrome DevTools协议实现浏览器自动化

自动化Chrome浏览器任务，测试web应用程序，调试前端问题，分析web性能。

  • MCP服务器: chrome-devtools-mcp@1.0.2
  • 工具：4组26个自动化工具
  • 代理：chrome devtools（自动加载技能文档）

安装：

/plugin install chrome-devtools-plugin@mcp-skills-plugins

特征：

  • 🌐 页面管理：导航、创建选项卡、调整视口大小
  • 🖱️ 元素交互：单击、填写表单、拖放、键盘输入
  • 🐛 调试：控制台日志、网络监控、JavaScript执行
  • ⚡ 演出：核心Web重要信息、节流、性能跟踪

使用案例：

  • 自动表单提交和测试
  • 使用动态内容进行网络抓取
  • 前端调试和错误分析
  • 性能测试和优化
  • 视觉回归测试

文档: chrome开发工具插件/README.md

figma桌面插件v0.5.0

通过Figma Desktop实现从设计到代码的自动化

直接从Figma Desktop提取UI代码、设计标记和屏幕截图。将Figma设计转换为生产就绪的React、Vue或HTML/CSS代码。

  • MCP服务器：Figma桌面（内置MCP服务器，HTTP传输）
  • 工具：6个设计到代码工具
  • 代理：figma桌面（自动加载技能文档）

安装：

/plugin install figma-desktop-plugin@mcp-skills-plugins

特征：

  • 🎨 设计提取：从Figma组件生成React/Vue/HTML代码
  • 🎯 设计标记：提取调色板、排版、间距变量
  • 📸 截图：捕获组件视觉效果以备文档
  • 📐 结构分析：获取页面/组件元数据和层次结构
  • 📚 设计系统：制定设计系统指南和规则
  • 🎭 FigJam支持：从FigJam板中提取内容

使用案例：

  • 设计到代码转换工作流
  • 设计系统令牌提取
  • 组件库文档
  • 可视化回归测试资产
  • 自动生成设计规范

文档: figma桌面插件/README.md

运作原理

┌─────────────────┐
│   MCP Server    │ (Chrome DevTools, Figma, etc.)
└────────┬────────┘
         │
         ▼
┌─────────────────┐
│    mcp2rest     │ Runs MCP server, exposes REST API
└────────┬────────┘
         │
         ▼
┌─────────────────┐
│  Plugin Skills  │ Generated JavaScript scripts
└────────┬────────┘
         │
         ▼
┌─────────────────┐
│ Claude Code     │ Uses skills via specialized agents
│    Agents       │
└─────────────────┘

贡献

我们欢迎捐款！要从MCP服务器添加新插件，请执行以下操作：

  1. 看 贡献.md 对于完整的工作流程
  2. 所有插件都必须使用生成 mcp2skill工具
  3. 插件必须使用mcp2rest进行MCP服务器通信

发展

此存储库包括：

  • m2s命令 从 mcp2skill工具 培养技能
  • 自定义 /skill2plugin 命令 简化插件创建
  • 验证脚本 确保插件质量

相关项目

许可证

MIT许可证-请参阅 许可证 详情

单个插件可能在其README文件中指定了自己的许可证。

相关 MCP