AI导哈

Framer插件MCP服务器

一个支持创建和管理具有web3功能的Framer插件的模型上下文协议（MCP）服务器，提供钱包连接、合约交互和NFT显示等集成web3功能。

  • by Sheshiyer
  • JavaScript
  • 本地部署
  • 24 星标
  • 更新于
在 GitHub 查看 sheshiyer/framer-plugin-mcp

使用说明

MCP服务器框架插件

一个模型上下文协议（MCP）服务器，支持创建和管理具有web3功能的Framer插件。此服务器提供用于创建、构建和管理Framer插件的工具，这些插件具有集成的web3功能，如钱包连接、合约交互和NFT显示。

特性

  • 创建具有web3功能的新Framer插件
  • 为生产构建插件
  • 集成web3功能：
    • 钱包连接集成
    • 智能合约交互
    • NFT显示组件

需求

  • Node.js 16或更高版本
  • NPM或纱线
  • 用于测试插件的Framer桌面应用程序

安装

  1. 克隆此存储库：
git clone https://github.com/sheshiyer/framer-plugin-mcp.git
cd framer-plugin-mcp
  1. 安装依赖项：
npm install
  1. 构建服务器：
npm run build

配置

将服务器添加到MCP设置文件中：

适用于Claude桌面应用程序(~/Library/Application Support/Claude/claude_desktop_config.json):

{
  "mcpServers": {
    "framer-plugin": {
      "command": "node",
      "args": ["/path/to/framer-plugin-mcp/build/index.js"]
    }
  }
}

致Cursor/Claude Dev(~/Library/Application Support/Cursor/User/globalStorage/saoudrizwan.claude-dev/settings/cline_mcp_settings.json):

{
  "mcpServers": {
    "framer-plugin": {
      "command": "node",
      "args": ["/path/to/framer-plugin-mcp/build/index.js"]
    }
  }
}

用法

配置后，服务器提供以下工具：

create_plugin

创建具有web3功能的新Framer插件项目。

参数：

  • name:插件名称
  • description:插件描述
  • outputPath：输出目录路径
  • web3Features：要包含的一系列功能（钱包连接、合约交互、nft显示）

例子：

{
  "name": "my-web3-plugin",
  "description": "A Framer plugin with web3 features",
  "outputPath": "./plugins/my-web3-plugin",
  "web3Features": ["wallet-connect", "nft-display"]
}

build_plugin

为生产构建Framer插件项目。

参数：

  • pluginPath：插件目录的路径

例子：

{
  "pluginPath": "./plugins/my-web3-plugin"
}

贡献

欢迎投稿！请随时提交拉取请求。

许可证

MIT许可证-有关详细信息，请参阅许可证文件

相关 MCP