Codify MCP 客户端 - 连接到远程 Codify MCP 服务器,供 Cursor 等 IDE 使用
npm install @codify-ai/mcp-clientCodify MCP 客户端 - 连接 Figma 和 Cursor 的桥梁
通过 MCP 协议从远程 Codify 服务器获取代码
---
- 🔌 一键安装:使用 npx 无需手动下载
- 📡 MCP 协议:完美集成 Cursor 等支持 MCP 的 IDE
- 🔐 安全认证:支持 access_key 认证
- 🛠️ 工具集成:提供 getCode 和 sendToCanvas 工具
- 📦 资源访问:通过 URI codify://getCode/{content_id} 访问代码
```
Figma Plugin (WebSocket)
↓
Codify MCP Server (远程)
↓
@codify-ai/mcp-client (本包)
↓
Cursor IDE (本地)
编辑 ~/.cursor/mcp.json(如果文件不存在则创建):
`json`
{
"mcpServers": {
"codify": {
"command": "npx",
"args": ["-y", "@codify-ai/mcp-client", "--url=https://mcp.codify-api.com"],
"env": {
"CODIFY_ACCESS_KEY": "sk-your-access-key"
}
}
}
}
重启 Cursor 或重新加载 MCP 服务器配置。
在 Cursor 中,您可以:
#### 方式 1:使用 AI 工具调用
对 AI 说:
``
请使用 getCode 工具获取 code_id 的代码
#### 方式 2:通过资源 URI 访问
在代码或对话中引用:
``
@codify://getCode/code_id
| 参数 | 说明 | 默认值 |
| ----------------- | ----------------- | --------------------------- |
| --url= | Codify 服务器地址 | https://mcp.codify-api.com |--help
| , -h | 显示帮助信息 | - |--version
| , -v | 显示版本号 | - |
| 变量名 | 说明 | 必需 |
| ------------------- | ----------------------------- | ---- |
| CODIFY_SERVER_URL | 服务器地址(可被 --url 覆盖) | 否 |CODIFY_ACCESS_KEY
| | 访问密钥 | 是\* |
\*如果服务器启用了认证则必需
`json`
{
"mcpServers": {
"codify": {
"command": "npx",
"args": ["-y", "@codify/mcp-client", "--url=https://codify.example.com"],
"env": {
"CODIFY_ACCESS_KEY": "sk-abc123xyz789"
}
}
}
}
`json`
{
"mcpServers": {
"codify": {
"command": "npx",
"args": ["-y", "@codify-api/mcp-client"],
"env": {
"CODIFY_SERVER_URL": "https://codify.example.com",
"CODIFY_ACCESS_KEY": "sk-abc123xyz789"
}
}
}
}
获取指定频道的代码。
参数:
- content_id (string, 必需) - 频道 ID
示例:
``
AI,请使用 getCode 工具获取 demo-channel 的代码
列出所有可用频道。
参数: 无
示例:
``
AI,请使用 getCodeList 工具查看所有频道
通过资源 URI 直接访问代码:
``
codify://{content_id}/current
示例:
```
codify://getCode/code_123
codify://getCode/code_456
MIT
欢迎提交 Issue 和 Pull Request!
---
Made with ❤️ by Codify Team